前端学习笔记：js 第三天--获取标签、控制标签的css和this、控制标签的属性、选项卡案例

最新推荐文章于 2022-04-10 21:45:20 发布

Yokily

最新推荐文章于 2022-04-10 21:45:20 发布

阅读量509

点赞数

本文链接：https://blog.csdn.net/weixin_44519518/article/details/119152853

版权

获取标签

通过id名字获取标签，多个id，只能识别第一个

 <body >
  <!-- id名相当于身份证号，是唯一的 命名规则和类名一样 -->
 <button id="btn">按钮</button>

 <script>

var tag=document.getElementById('btn');

</script>
    
</body>

通过类名获取标签

通过标签名获取标签document.getElementsByTagName('标签名') 得到的是一个类数组，因此不能直接进行控制，即使只有一个，也只能选择到具体的某一个。

<body id="box">
       
        <ul >
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
           
        </ul>
        <script>

        // 数组长度 数组名.length
            var tags=document.getElementsByTagName('li');
            // 遍历
            for(var i=0;i<tags.length;i++){
                tags[i].innerHTML='修改啦'
            }
</script>
    </body>

获取标签. innerHTML：获取标签中的html，标签开始和结束中间的内容称为html。

获取标签.innerHTML='修改的值'：修改标签的html

事件：获取标签.on+事件类型=f

最低0.47元/天解锁文章

Yokily

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端学习笔记：js 第三天--获取标签、控制标签的css和this、控制标签的属性、选项卡案例

获取标签通过id名字获取标签，多个id，只能识别第一个 <body >  <button id="btn">按钮</button> <script>var tag=document.getElementById('btn');</script> </body>通过类名获取标签通过标签名获取标签document.g
复制链接

扫一扫