怎么用javascript添加li的样式

怎么用javascript添加li的样式,第1张

var ul = document.getElementsByTagName('ul')[0],

    li1 = ul.getElementsByTagName('li')[1],

    div = li1.getElementsByTagName('div')[0]

    div.setAttribute('class','你要添加样式CLASS名')

    //添加属性也可以这样做。

    //只是添加样式也可以div.className = 'class名'

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

 getEls[i].onclick=function() {

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

    getEls[i].className=''

}

this.className="asd1"

}

//当某个元素被点击之后,之前的同类遍历把他们的样式去掉,给现在的这个添加样式。

1、首先在html中布局好两个按钮和一个div,如下图所示。

2、接着编写添加class的方法,如下图所示,通过classList中的add。

3、运行页面以后看到如下图所示的界面。

4、点击添加class按钮就可以看到div中多了样式。

5、接下来在编写移除class样式即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11565257.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存