DOM,节点属性

DOM

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。

• 使用getElementByld0方法可以获取带有ID的元素对象。

• get获得element元素by通过驼峰命名法

• 参数id是大小写敏感的字符串

• 返回的是一个元素对象 var timer = document.getElementById（'time'）

• getElementsByClassName根据类名获得某些元素集合

• queryselector返回指定选择器的第一个元素对象

• queryselectorAll（）返回指定选择器的所有元素对象集合

• getElementsByTagName是获取到元素的集合

• getElementsByClassName也是一个元素集合

1. • 通过querySelector获取含有指定id选择器的元素
2. • console.log（document.querySelector（'#dom1'）
3. • 通过querySelector获取含有指定class选择器的元素含有相同class的元素有很多
4. • 但是只获取第一个*/

• 使用querySelectorA11可以获取多个含有对应元素选择器的dom元素
• console.log（document.querySelectorAll（'div'）[1]）
• 使用queryselectorA11可以获取多个含有对应类选择器的dom元素
• console.log（document.querySelectorAll（'.classdom'）
• 通过下标可以选择你需要的元素

1. • innerHTML支持里面写标签
2. • innerHTML后面写的don会替换剥原来的内容
3. • let d = document.getElementById（'dom1'）；d.innerHTML ="平安夜平安"
4. innerText也会替换原来的内容*/
5. innerText只公把文字显示在对应的区域，不会转义标签元素*/

通过集合的方式直接去修改是改不了的
只能通过循环遍历的方式去修改
let ds = document.getElementsByClassName（'cname'）
for（var i=e；i<ds.length；i++）{
ds[i].innerHTML ='<h1>平安夜平安</h1>'

1. parentNode 返回节点的父节点
2. childNodes返回子节点集合，childNodes[i]
3. firstChild返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点
4. lastChild返回节点的最后一个子节点
5. nextSibling下一个节点
6. previousSibling上一个节点