导航:首页 > 编程语言 > js修改a的class属性

js修改a的class属性

发布时间:2021-04-02 00:38:49

1. js如何把a链接里的 class 值修改成另外一个值

原生js直接操作className属性
document.getElementById("test").className = (document.getElementById("test").className+'').replace('hide','');

JQuery实现css、addClass、removeClass和toggleClass
JQuery中获取CSS样式
css(name):访问第一匹配元素的样式属性
css(name,value):在所有匹配的元素中,设置一个样式属性的值
css(properties):把一个“名/值对”对象设置为所有匹配元素的样式属性
css(name,function(index,value)):在所有匹配的元素中,设置一个样式属性的值
-------------------------------------------------------------------------------------
javascript中获取样式的值
function css(obj, attr, value) {
switch (arguments.length) {
case 2:
if (typeof arguments[1] == "object") { //批量设置属性
for (var i in attr) obj.style[i] = attr[i]
}
else { // 读取属性值
return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, null)[attr]
}
break;
case 3:
//设置属性
obj.style[attr] = value;
break;
default:
return "";
}
}
采用这种方式同样实现了 JQuery的效果。
---------------------------------------------------------------------------------------
JQuery中有addClass,removeClass,toggleClass
addClass(class):为每个匹配的元素添加指定的类名
removeClass(class):从所有匹配的元素中删除全部或者指定的类
toggleClass(class):如果存在(不存在)就删除(添加)一个类
---------------------------------------------------------------------------------------
function hasClass(obj, cls) {
return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}

function addClass(obj, cls) {
if (!this.hasClass(obj, cls)) obj.className += " " + cls;
}

function removeClass(obj, cls) {
if (hasClass(obj, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
obj.className = obj.className.replace(reg, ' ');
}
}
采用这种方式同样实现了 JQuery的效果。

2. 如何用JS给一个A标签加上class=‘heikuai’

把a元素获取到,直接添加class属性就可以了,代码如下:

<ahref="#"id='a'></a>
<script>
varoA=document.getElementById('a');
oA.class='heikuai';
</sciprt>
用浏览器打开,'审查元素':再看这个a元素时,a就带了这个class属性了。

3. js在页面载入前修改class属性

document.getElementById("id").classList.add("yourdiv")
删除可以用document.getElementById("id").classList.remove("yourdiv")

4. 怎样实现js改变class功能

用jquery很容易实现,你下个jquery库,然后JS文件里写这样的代码:
$(function(){
$('ul li').click(){
$(this).removeClass('w1');
$(this).addClass('w2');
}
});
大概是这样,我好久没回玩儿JQUERY,如果有问题答给我短信吧

5. 求js动态修改 class

左后一个展开这个A链接你要给个ID好选取,然后你这么写,加入我们的ID=“a1”那么代码如下:
document.getElementById("a1").setAttribute("class","J_labelBtn label-btn");
这样就可以了~

6. 怎样用js 替换Class内容

用document.getElementById("id").setAttribute("class","newClass");

js中,setAttribute是给对象赋属性的方法,具体用法可以参考3C上面对javascript各种属性的讲解和用法

7. 如何通过JS来增加a标签的class样式

$('.nav-item a').click(function(){
答 $(this).addClass('active');
},function(){
$(this).removeClass('active')
})

8. js如何更改<a href>的class名

把a元素获取到,直接添加class属性就可以了,代码如下:
<ahref="#"id='a'clas="a"></a>
<script>
varoA=document.getElementById('a');
oA.class='heikuai';
</sciprt>
用浏览器打开,'审查元专素':再看这个a元素时,属a的class属性值就变了。

9. 如何用js更改多个a标签的class的值

给你的取个id

如:<a
id="a1"
href="#">aaaa</a>

(注意:id在同一页面上最好别有重复的,就跟身份证号一样,回任何标签的最好都别重答复)

然后通过id定位到该a标签:

var
mya
=
document.getelementbyid("a1")或者document.all.a1;

最后就可以读取了:mya.innerhtml或者mya.innertext(前者是读取前后a标签内的所有html代码,后者是仅读取前后a标签内的文本值)

如:<a><b>aaaa</b></a>
innerhtml就能获取到<b>aaaa</b>,而innertext只能获取到aaaa

还要注意以上代码中的大小写,js是严格区分的

仅供参考

10. JS修改CLass值的问题

知道你意思了,看了下你的网站
你的 * 首页
* 生活信息
* 招聘求职
* 同城网购
比如说这四个页面的代码是
都包含了上面导航栏的代码,
还是引入一个公共页面,在公共页面里写着导航栏代码?
1.如果是前者,那你只要相应的更改这7个页面,比如,生活信息页面里,生活信息的导航栏按钮的class设为current,其他设为"",onclick可以去掉
<li><a href="{$InstallDir}Class/"><span class="current">生活信息</span></a></li>。
2.如果你是引入一个公共的html包含了导航栏代码:
方法1:写7个这样的html,让生活信息引入和生活信息对应的导航栏页面,其他引入和各自对应的...
方法2:用如下的结构布局你的页面,index.html包含头部和尾部代码,内容部分使用<iframe 嵌入相应的页面,点导航栏的链接,更改iframe内的内容页面,index.html整个页面不刷新(只要设置<a的target属性为iframe的名字就能点链接刷新iframe里的内容了)。
index.html:
导航栏等头部代码(如:li><a href="{$InstallDir}Class/" target="content"><span class="" onclick="this.className='current'">生活信息</span></a></li>
,onclick要保留);

<iframe name="content" src="生活信息.html" frameborder=0 scrolling="no" width=(自己调整)100px height=100(自己调整)px></iframe>
尾部代码;

我又看了下你的源代码,是第一种情况,对照1的情况改就行了,方法2供你参考,提供一种比较好的方式的思路。

阅读全文

与js修改a的class属性相关的资料

热点内容
网络中常用的传输介质 浏览:518
文件如何使用 浏览:322
同步推密码找回 浏览:865
乐高怎么才能用电脑编程序 浏览:65
本机qq文件为什么找不到 浏览:264
安卓qq空间免升级 浏览:490
linux如何删除模块驱动程序 浏览:193
at89c51c程序 浏览:329
怎么创建word大纲文件 浏览:622
袅袅朗诵文件生成器 浏览:626
1054件文件是多少gb 浏览:371
高州禁养区内能养猪多少头的文件 浏览:927
win8ico文件 浏览:949
仁和数控怎么编程 浏览:381
项目文件夹图片 浏览:87
怎么在东芝电视安装app 浏览:954
plc显示数字怎么编程 浏览:439
如何辨别假网站 浏览:711
宽带用别人的账号密码 浏览:556
新app如何占有市场 浏览:42

友情链接