文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。我们最为关心的是,DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器,而不是JavaScript语言规范里的规定的核心内容。

一、查找元素

1、直接查找

document.getElementById             根据ID获取一个标签
document.getElementsByName          根据name属性获取标签集合
document.getElementsByClassName     根据class属性获取标签集合
document.getElementsByTagName       根据标签名获取标签集合
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <html>
        <div id="i1"></div>
        <div name="n1"></div>
        <div class="c1"></div>
    </html>
    <script>
        d1 = document.getElementById("i1")  //返回单个元素,因为id不能重复
        d2 = document.getElementsByName('n1')  //返回数组
        d3 = document.getElementsByClassName('c1')   //返回数组
        d4 = document.getElementsByTagName('div')    //返回数组
    </script>
</body>
</html>
查找元素

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-04-19
  • 2021-09-17
猜你喜欢
  • 2022-12-23
  • 2021-12-11
  • 2021-10-15
  • 2021-11-27
  • 2021-11-30
  • 2021-11-29
  • 2022-01-13
相关资源
相似解决方案