dom节点操作

用户541366674709

2021-03-24 88 阅读1分钟

图片.png

图片.png

图片.png

图片.png

createDocumentFragment : 文档片段

createTextNode : 节点内容

createComment : 注释节点

图片.png

图片.png

图片.png

图片.png 单独浏览器识别得注释样式

图片.png

图片.png

图片.png

图片.png innerHtml 对插入得元素不能执行其中得脚本

图片.png

innerHtml可以加入style 图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

只会打印出文档内容

图片.png

textContent是火狐

图片.png

兼容所有浏览器得做法 innerText

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

去除循环节点中得空白节点，只遍历元素节点

图片.png

第二组api 来获取节点

图片.png

图片.png

图片.png

图片.png

nodeList是类数组

图片.png

转成数组遍历

图片.png

图片.png

图片.png

图片.png

类数组如下：

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

值为true 则为深度复制

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png