HTML DOM节点选择器

港控/mmm° 2024-04-19 09:34 205阅读 0赞

一，id获得元素

  1. <body>
  2.     <div id="div">
  3.         id获得元素
  4.     </div>
  5. </body>
  7. <script>
  8.     let dom = document.getElementById("div");
  9.     console.log(dom);
  10. </script>

二，标签名获得元素

  1. <body>
  2.     <div>元素一</div>
  3.     <div>元素二</div>
  4. </body>
  5. <script>
  6.     var divs = document.getElementsByTagName('div');
  7.     divs[0].style.color = 'red';
  8.     divs.item(1).style.backgroundColor = 'pink';
  9. </script>

三，类名获得元素

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

发表评论

表情：
评论列表 （有 0 条评论，205人围观）

还没有评论，来说两句吧...

相关阅读

    相关 DOM选择器

    那么首先来介绍一下js的三大组成 ECMAscript规定，如何在BOM中操作DOM DOM(W3C机构)不属于BOM(浏览器厂商) window对象身上提供doc

    ゝ一纸荒年。ゝ一纸荒年。/ 0 赞/ 135 阅读