服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - DOM基础教程之使用DOM + Css

DOM基础教程之使用DOM + Css

2021-07-20 17:42junjie JavaScript

这篇文章主要介绍了DOM基础教程之使用DOM + Css,需要的朋友可以参考下

1.使用getElementsByTagName修改class类别或者追加类别

 

复制代码 代码如下:

<ul class="name1" onclick="clickz()">
    <p>第一个</p>
    <p>第一个</p>
    <p>第一个</p>
    <p>第一个</p>
</ul>
<script type="text/javascript">
    function clickz(){
    var ulo = document.getElementsByTagName("ul")[0];
    ulo.className = "name2";//修改              <br>    //ulo.className += " name2"; //为追加类别
} </script>

延伸 · 阅读

精彩推荐