js修改a标签的样式

1.js控制a标签样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "1/DTD/xhtml1-transitional.dtd">

<html xmlns="" >

<head>

<title>test</title>

<style type="text/css">

.m{color:Red;}

.n{color:blue;}

</style>

<script type="text/javascript">

function change(whichLink) {

var box = document.getElementById("box");

var links = box.getElementsByTagName("a");

for (var i = 0; i < links.length; i++) {

links[i].setAttribute("class", "m");

whichLink.setAttribute("class", "n");

}

}

</script>

</head>

<body>

<div id="box">

<a class="m" onclick="change(this);">1</a>

<a class="m" onclick="change(this);">2</a>

<a class="m" onclick="change(this);">3</a>

</div>

</body>

</html>

2.关于JS控制A标签样式的问题

标签背景颜色我是通过变换class来实现的,分别在css里面加入了灰色和蓝色背景的class html代码如下:

  • 1 2 3 4 5 CSS代码如下: body{ background:#eee;}ul .ttm { list-style:none;}a { color:white; cursor:hand;}.ttm1 { background:blue;}.ttm2 { background:gray;}JS代码如下: function clickttm(ele) { ("ttm1")[0].className = "ttm2"; ele.className = "ttm1";}function (searchClass,node,tag) { if(document.){ return document.(searchClass) }else{ node = node || document; tag = tag || '*'; var returnElements = [] var els = (tag === "*" && node.all)? node.all : node.getElementsByTagName(tag); var i = els.length; searchClass = searchClass.replace(/\-/g, "\\-"); var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"); while(--i >= 0){ if (pattern.test(els[i].className) ) { returnElements.push(els[i]); } } return returnElements; }}希望能帮你解决问题。

    3.关于JS控制A标签样式的问题

    标签背景颜色我是通过变换class来实现的,分别在css里面加入了灰色和蓝色背景的class

    html代码如下:

    1

    2

    3

    4

    5

    CSS代码如下:

    body{

    background:#eee;

    }

    ul .ttm {

    list-style:none;

    }

    a {

    color:white;

    cursor:hand;

    }

    .ttm1 {

    background:blue;

    }

    .ttm2 {

    background:gray;

    }JS代码如下:

    function clickttm(ele) {

    ("ttm1")[0].className = "ttm2";

    ele.className = "ttm1";

    }

    function (searchClass,node,tag) {

    if(document.){

    return document.(searchClass)

    }else{

    node = node || document;

    tag = tag || '*';

    var returnElements = []

    var els = (tag === "*" && node.all)? node.all : node.getElementsByTagName(tag);

    var i = els.length;

    searchClass = searchClass.replace(/\-/g, "\\-");

    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");

    while(--i >= 0){

    if (pattern.test(els[i].className) ) {

    returnElements.push(els[i]);

    }

    }

    return returnElements;

    }

    }希望能帮你解决问题

    4.js控制a标签样式

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "1/DTD/xhtml1-transitional.dtd"> <html xmlns="" > <head> <title>test</title> <style type="text/css"> .m{color:Red;} .n{color:blue;} </style> <script type="text/javascript"> function change(whichLink) { var box = document.getElementById("box"); var links = box.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) { links[i].setAttribute("class", "m"); whichLink.setAttribute("class", "n"); } } </script> </head> <body> <div id="box"> <a class="m" onclick="change(this);">1</a> <a class="m" onclick="change(this);">2</a> <a class="m" onclick="change(this);">3</a> </div> </body> </html>。

    5.还一个问题,就是刚才标签更换样式的

    很简单的。

    你把A 给不同的编号 然后再循环取。如。

    样式1样式2样式3样式4 function clickCss(arr) {for(var i=1;i<5;i++){ document.getElementById('A'+i).className=button none”; }document.getElementById('A'+arr).className=button block”; } 这样就能达到你想要的效果。

    6.ja如何更改某ID下所有标签的样式

    test<style>.u{color:#f00;}.uu{color:#00f;}</style><body onl oad="changeClass()"> 111 111 111 111 111 111 。

    js修改a标签的样式

    转载请注明出处JS代码网 » js修改a标签的样式

资讯

js判断是否是三的倍数

阅读(44)

本文主要为您介绍js判断是否是三的倍数,内容包括javascript如何判断输入的数字为一个数的倍数?,用Javascript语言编写计算1至100之间所有是3的倍数的整数之和的程序,用javascriptfor循环写出1100检测是3的倍数输出flop是5的倍数输出filp。<

资讯

js识别中的文字

阅读(43)

本文主要为您介绍js识别中的文字,内容包括js怎么识别图片上的文字,js怎么识别图片上的文字,JS刷新后随机调取图片和文字。var chars = [ab,cd,ef];function generateMixed(n) { var res = ""; for

资讯

js防水涂料的成分

阅读(39)

本文主要为您介绍js防水涂料的成分,内容包括js防水涂料配方主要成份?,js防水涂料是什么,JS防水涂料是什么?。目前家居装修防水涂料在现代装修中占据重要地位,涂料的功能强大。很多人花费了大半辈子的积蓄去买房,高高兴兴装修好以后就搬进去住

资讯

js防水涂料是刚性的吗

阅读(41)

本文主要为您介绍js防水涂料是刚性的吗,内容包括JS属于刚性防水材料吗,卫生间做防水用钢性好还是柔性的好?JS防水涂料同聚氨脂比除了环保,JS属于刚性防水材料吗。防水涂料分为刚性和柔性,刚性防水材料常见的就是砂浆防水剂,柔性的常见的就是K

资讯

c执行网页中的js

阅读(44)

本文主要为您介绍c执行网页中的js,内容包括如何执行网页中的javascript代码,webbrowser执行网页中的JS,如何用C#获取网页中js或ajax执行后的源码。在界面上拖入QAxWidget并指定控件为{8856F961-340A-11D0-A96B-00C04FD705A2},这个值可以通过

资讯

js去除字符串中的n

阅读(47)

本文主要为您介绍js去除字符串中的n,内容包括对任意长度字符串,删除其中的n个字符,能形成多少个不同的子字符,js除去一个字符串中右边的N个字符,用什么函数,js除去一个字符串中右边的N个字符,用什么函数。去掉字符串中的字母,肯定是要用正则

资讯

sublime中建立的js文件不被调用

阅读(45)

本文主要为您介绍sublime中建立的js文件不被调用,内容包括sublime里写入JavaScript的代码,用浏览器打开什么都不显示,如何在sublime内调试Javascript代码,Sublimetext2编译js文件,控制台没有反应,求大神解答。首先安装nodejs当然你可以使用

资讯

如何调试js调用的页面

阅读(43)

本文主要为您介绍如何调试js调用的页面,内容包括如何在网页中调试JavaScript,如何在网页中调试JavaScript,js怎么调用另一个页面的内容?。以IE8浏览器为例,接下来重点介绍并演示如何使用浏览器自带的开发人员工具调试JS程序。(该工具快捷按钮

资讯

原生js和jq的优缺点

阅读(46)

本文主要为您介绍原生js和jq的优缺点,内容包括原生JS代码和用jQuery实现效果各有什么优劣势,jquery和原生的js比较,原生js重要还是jq重要?。jq是一个框架,里面是用原生js封装的各种函数。(1)jquery没有分割模块,只能全部导入。在实际开发中,往

资讯

js添加表格的单元格

阅读(51)

本文主要为您介绍js添加表格的单元格,内容包括用jsfor循环写出的表格能不能添加可输入单元格?,用JavaScript制作添加表格行列,如何使用JS脚本添加表格的行和列。<table border="1"><tbody id="new"><tr> <td>a</td> <td>1</td> </tr><t

资讯

没有函数名的js函数

阅读(44)

本文主要为您介绍没有函数名的js函数,内容包括下面javascript定义了没名字的函数,这没名字的函数是不是自动调用?,JS函数没有名字,怎么传递参数,JS函数没有名字,怎么传递参数。在这里无名函数的两个运用都在了!第一个相当于C中定义的指针,或

资讯

vue引入自己写的js

阅读(44)

本文主要为您介绍vue引入自己写的js,内容包括vue怎么导入自己写的js文件,vuejs+怎么引入自己写的js,请教如何在vue中引入自己写的js文件。1. 首先我们要改变我们要映入的外部js文件,改成以下这个格式。<br><br>

资讯

js中去掉固定的字符串

阅读(47)

本文主要为您介绍js中去掉固定的字符串,内容包括如何用js代码操作:去掉指定字符串,JS去掉指定字符串,JS如何去除指定字符串。可以用字符串替换函数replace吧,str="1831,1829,1812,1829,134,171";str=str.replace

资讯

js怎么提交form表单的值

阅读(50)

本文主要为您介绍js怎么提交form表单的值,内容包括js中怎样传值给form表单,form表单提交,另一个js页面怎么把form表单的值显示到这个js页面的文,如何在js中提交form的表单。<form name="f" action="1.htm" method="post"><input type="text" name=

资讯

js判断是否是三的倍数

阅读(44)

本文主要为您介绍js判断是否是三的倍数,内容包括javascript如何判断输入的数字为一个数的倍数?,用Javascript语言编写计算1至100之间所有是3的倍数的整数之和的程序,用javascriptfor循环写出1100检测是3的倍数输出flop是5的倍数输出filp。<

资讯

js识别中的文字

阅读(43)

本文主要为您介绍js识别中的文字,内容包括js怎么识别图片上的文字,js怎么识别图片上的文字,JS刷新后随机调取图片和文字。var chars = [ab,cd,ef];function generateMixed(n) { var res = ""; for

资讯

js防水涂料的成分

阅读(39)

本文主要为您介绍js防水涂料的成分,内容包括js防水涂料配方主要成份?,js防水涂料是什么,JS防水涂料是什么?。目前家居装修防水涂料在现代装修中占据重要地位,涂料的功能强大。很多人花费了大半辈子的积蓄去买房,高高兴兴装修好以后就搬进去住

资讯

js防水涂料是刚性的吗

阅读(41)

本文主要为您介绍js防水涂料是刚性的吗,内容包括JS属于刚性防水材料吗,卫生间做防水用钢性好还是柔性的好?JS防水涂料同聚氨脂比除了环保,JS属于刚性防水材料吗。防水涂料分为刚性和柔性,刚性防水材料常见的就是砂浆防水剂,柔性的常见的就是K

资讯

c执行网页中的js

阅读(44)

本文主要为您介绍c执行网页中的js,内容包括如何执行网页中的javascript代码,webbrowser执行网页中的JS,如何用C#获取网页中js或ajax执行后的源码。在界面上拖入QAxWidget并指定控件为{8856F961-340A-11D0-A96B-00C04FD705A2},这个值可以通过

资讯

js去除字符串中的n

阅读(47)

本文主要为您介绍js去除字符串中的n,内容包括对任意长度字符串,删除其中的n个字符,能形成多少个不同的子字符,js除去一个字符串中右边的N个字符,用什么函数,js除去一个字符串中右边的N个字符,用什么函数。去掉字符串中的字母,肯定是要用正则

资讯

sublime中建立的js文件不被调用

阅读(45)

本文主要为您介绍sublime中建立的js文件不被调用,内容包括sublime里写入JavaScript的代码,用浏览器打开什么都不显示,如何在sublime内调试Javascript代码,Sublimetext2编译js文件,控制台没有反应,求大神解答。首先安装nodejs当然你可以使用

资讯

我的世界阿瓦达索命js

阅读(37)

本文主要为您介绍我的世界阿瓦达索命js,内容包括阿瓦达索命咒怎么念?,怎么使用我的世界的setblock命令?,阿法达索命是什么?。阿瓦达索命咒读作:Avada Kedavra!(阿瓦达,柯达拉)(空耳:阿瓦达啃大瓜!)。极少数法力高强的巫师如伏地魔可以无声施阿瓦达索