DOM编程总结

发布网友发布时间：2024-10-07 15:09

共1个回答

热心网友时间：2024-11-05 04:49

DOM定义为Document Object Model，即文档对象模型，意味着浏览器在window上添加了一个document，使JS能操作网页。

获取元素或标签，即获取特定元素节点。使用Node，可借助console.dir(div)查看节点的原型链。

增操作包括创建标签，若默认处于JS线程中，须先插入head或body后生效，如document.body.appendChild(div1)。在已有页面中使用appendChild(div)。

删操作有旧方法和新方法。旧方法为parentNode.childChild(节点)。新方法为childNode.remove()，但需注意此方法在IE中不支持。

对元素属性进行修改包括读属性、改属性和处理事件。读取属性，改属性，添加或修改事件处理函数。修改内容包括文本、HTML、标签、其父元素等。

遍历元素，如查找一个div内所有元素，或查找特定子代、兄弟姐妹元素。查找第一个或最后一个孩子，以及上一个或下一个相关元素。

跨线程操作属性同步。标准属性修改后，会同步至页面，如id、className、title。使用data-*前缀的自定义属性也同步。而非标准属性修改仅在JS线程中，不同步至html。

property和attribute在概念上有所区分。property在JS线程中代表div的所有属性，而attribute是渲染引擎中对应标签的属性。大部分情况下两者值相等，但非标准属性开始时等同，但attribute仅支持字符串，而property支持字符串、布尔等类型。