DOM概述
html加载完毕,渲染引擎会在内存中吧html文档生成一个DOM树,
getElementById是获取DOM上的元素,然后操作的时候修改的该元素的属性
什么是DOM和节点
1、 DOM由节点(标签)组成
2、DOM是一个树状模型
3、节点都是object类型,都是内置对象
a)每个HTML标签都是一个元素节点
b) 标签中的文章是文字节点
c)标签的属性是属性节点
4、DOM操作就是操作节点
DOM节点的获取方法 (获取的都是标签元素)
1、id获取
document.getElementById( " " )
返回值是标签
2、标签名获取
dcoument.getElementsByagName( " " )
返回一个标签伪数组
dcoument.getElementsByagName( ‘‘ a“ )[ 0 ]获取第一个标签名a的元素
3、类名获取(不常用,H5新加的 ie6\7不支持)
document.geElementsByClassName( " " )
返回一个标签伪数组
如果没有获取到,返回空数组
document.geElementsByClassName( " a" )[ 0 ]获取第一个类名是a的元素
4、标签 Name属性获取
<div name="aaa">
document.geElementsByName( ‘‘ “ )
5、标签的命名空间获取
docuemnt.geElementsByTegNameaNS()
6、标签属性获取 getAttributeNode
docuemnt.getAttributeNode()
var box=document.getElementById("box") var box1=box.getAttributeNode("id") console.log(box1)
时间: 2024-12-23 12:34:43