大家好，又见面了，我是你们的朋友全栈君。
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属性获取
document.geElementsByName( ” “ )
5、标签的命名空间获取
docuemnt.geElementsByTegNameaNS()
6、标签属性获取 getAttributeNode
docuemnt.getAttributeNode()
代码语言：javascript复制var box=document.getElementById("box")
var box1=box.getAttributeNode("id")
console.log(box1)发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/167786.html原文链接：https://javaforall.cn