本文介绍了JavaScript中的DOM（DocumentObjectModel），它允许开发者操作HTML标签，包括通过getElementById和getElementsByClassName获取元素、创建元素、添加样式等。核心对象document提供了丰富的API来控制页面内容。
大家好，小编为大家解答javascript中dom的含义的问题。很多人还不知道javascript的dom操作，现在让我们一起来看看吧！
-
DOM（Document Object Model）： 文档对象模型 -
其实就是操作
html中的标签的一些能力 -
我们可以操作哪些内容
-
获取一个元素
-
移除一个元素
-
创建一个元素
-
向页面里面添加一个元素
-
给元素绑定一些事件
-
获取元素的属性
-
给元素添加一些
css样式 -
...
-
-
DOM的核心对象就是docuemnt对象 -
document对象是浏览器内置的一个对象，里面存储着专门用来操作元素的各种方法 -
DOM： 页面中的标签，我们通过js获取到以后，就把这个对象叫做 DOM 对象
1. 获取一个元素
-
通过
js代码来获取页面中的标签 -
获取到以后我们就可以操作这些标签了
1-1 getElementById
-
getElementById是通过标签的id名称来获取标签的 -
因为在一个页面中
id是唯一的，所以获取到的就是一个元素
<body>
<div id="box"></div>
<>
var box = document.getElementById('box')
console.log(box) // <div></div>
</>
</body>
-
获取到的就是页面中的那个 id 为 box 的 div 标签
1-2 getElementsByClassName
-
getElementsByClassName是用过标签的class名称来获取标签的 -
因为页面中可能有多个元素的
class名称一样，所以获取到的是一组元素 -
哪怕你获取的
class只有一个，那也是获取一组元素，只不过这一组中只有一个 DOM 元素而已
<body>
<div calss="box"></div>
<>
var box = document.getElementsByClassName('box')
console.log(box) // [<div></div>]
console.log(box[0]) // <div></div>
</>
</body>
- 获取到的是一组元素，是一个长得和数组一样的数据结构，但是不是数组，是 伪数组
- 这个一组数据也是按照索引排列的，所以我们想要准确的拿到这个
div
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
