HTML DOM节点选择器

最新推荐文章于 2022-09-01 16:24:54 发布

Jay·Yuen

最新推荐文章于 2022-09-01 16:24:54 发布

阅读量1.2k

点赞数 1

本文链接：https://blog.csdn.net/Yuanriver/article/details/100893942

版权

HTML DOM 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一，id获得元素

<body>
    <div id="div">
        id获得元素
    </div>
</body>

<script>
    let dom = document.getElementById("div");
    console.log(dom);
</script>

二，标签名获得元素

<body>
    <div>元素一</div>
    <div>元素二</div>
</body>
<script>
    var divs = document.getElementsByTagName('div');
    divs[0].style.color = 'red';
    divs.item(1).style.backgroundColor = 'pink';
</script>

三，类名获得元素

<body>
    <div class="divClass">元素一</div>
    <div class="divClass">元素二</div>
</body>
<script>
    var divs = document.getElementsByClassName('divClass');
    divs[0].style.color = 'red';
    divs.item(1).style.backgroundColor = 'pink';
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Jay·Yuen

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML DOM节点选择器

一，id获得元素<body> <div id="div"> id获得元素 </div></body><script> let dom = document.getElementById("div"); console.log(dom);</script>二，标签名获...
复制链接

扫一扫