【Javascript学习笔记】【了解DOM】
程序员文章站
2024-03-20 08:58:22
...
目录
了解DOM
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。
节点
根据 DOM，HTML 文档中的每个成分都是一个节点。DOM 是这样规定的：
整个文档是一个文档节点
每个 HTML 标签是一个元素节点
包含在 HTML 元素中的文本是文本节点
每一个 HTML 属性是一个属性节点
注释属于注释节点
获取元素
都只有一个参数：
getElementById() — — (对应文档中独一无二的id，则此处为返回一个对象)
document.getElementById("idName")getElementsByTagName() — — (对应文档中的元素，比如：li，则此处为返回一个对象数组)
document.getElementsByTagName("elementName")getElementsByClassName() — — (对应文档中的class，则此处为返回一个对象数组)
document.getElementsByClassName("className")获取和设置属性
PS：后文都将用obj代表对象
getAttribute( )— — (查询对象的该属性EX: title，没有则为NULL)
obj.getAttribute("attribute")setAttribute( , )— — (设置该对象的属性)
obj.setAttribute("attribute","value")非DOM设置属性
以下方法的属性可能跟html中的属性名字不同
**【setAttribute（，）相比非DOM这种修改属性的优势在于可以修改文档中任何元素的任何一个属性】**
element.value = "set values"