一 dom继承规则
1.HTMLDocument.prototype定义了一些常用的属性,body,head分别指代HTML文档中的<body><head>标签。
document.body--><body></body>
document.head--><head></head>
2.Document.prototype上定义了documentElement属性,指代文档的根元素,在HTML文档中,他总是指代<html>元素。
document.documentElement--><html></html>
3.getElementsByClassName、querySelectorAll、querySelector在Document.prototype,Element.prototype类中均有定义
二dom基本操作
1. 增
- document.createElement();创建元素节点
- document.createTextNode();创建文本节点
- document.createComment();创建注释节点
2.插
appendChild();插入子节点。
已存在的节点进行插入别的位置,实际上是先剪切,再插入要插入的位置。
任何一个元素节点都有此方法,类似于push
insertBefore(a, b);由a与b的父元素调用,将a元素插入到b元素之前
3.删
removeChild();相当于剪切下来
remove();
4.替换
replaceChild(new, origin);
三. Element 相关属性 方法
innerHTML
可取可写
innerHTML 将文本内容添加 /更新到任意标签位置 文本中包含的标签会被解析
innerText ;将文本内容添加 /更新到任意标签位置 文本中包含的标签不会被解析
div.innerHTML=xxxxxxx;可以直接写入内容,覆盖。
innerText(火狐不兼容)/textContent(老版本IE不好使)