创建节点:document.createElement
parentNode(返回父节点)child Nodes(返回所有的字节点放在数组中)
this,触发事件的元素,函数的内置对象
过滤空白节点
children:只获得父节点的元素节点,不获取文本节点
outerHTML/innerText/innerHTML的作用
inner Text:只输出对象的文本内容
outrerHTML:打印包括自身标签的所有内容
innerHTML:代表当前元素的所有内容
innerHTML:通过字符串拼接,批量创建dom节点
自定义属性及getAttribute的方法
属性的读写:1.通过.域运算符 对象名.id 写:对象名 = "id"
添加自定义属性
1.方法
setAttribute(属性名,属性值)
获取非行内样式
样式写(内外都一样)
读:行内: 对象名.属性名 = “属性值”
行外:getComPuted style(对象名.属性名 )【元素值】
添加一个节点到前面
父节点.insertBefore(目标节点,参照节点)将目标节点添加至参照节点之前
各种位置
读写属性:对象名.(offsetwidth)
(offsetHeight) (offset Left) (offsetTop)
写 对象名. 属性名 .= “属性值”
滚动事件
document.body.scrollTop = document.documentElement.scrollTop = 0;
本文深入探讨了DOM(文档对象模型)中的关键操作,包括创建节点如document.createElement,以及如何遍历和操作节点,如parentNode和childNodes。还介绍了事件处理中的this关键字,以及过滤空白节点的方法。此外,详细阐述了children属性、innerText、outerHTML和innerHTML的区别和用法,以及如何利用它们进行DOM操作。同时,文章讲解了如何设置和获取自定义属性,以及添加和修改元素的样式。最后,讨论了节点的插入方法,如insertBefore,以及滚动事件和定位属性。
527

被折叠的 条评论
为什么被折叠?



