一、今日学习内容:
节点操作子找父,父找子 html文档中每一个成员都是一个节点对象,节点对象具有自己的属性和方法 html节点 document.documentElement 整个窗口的高度 document.documentElement.clientHeight body节点 document.body 内容的高度 document.body.clientHeight 父节点---parentNode 会受到回车,空格的影响,有可能获取到文本节点 列表中的第一个节点----firstChild 列表中的最后一个节点----lastChild 所有的子节点的列表----childNodes 不会收到回车空格的影响,获取到的是元素节点,标签节点 列表中的第一个元素节点---firstElementChild 列表中的最后一个元素节点---lastElementChild 列表中的所有元素节点---children 向上查找:找到离得最近的父级节点 closest('选择器') 兄弟节点 nextElementSibling---下一个兄弟元素节点 previousElementSibling---上一个兄弟元素节点 新增节点 创建节点 document.createElement('tagName'); 插入节点 父节点.appendChild('子节点') 父节点.insertBefore('要插入的节点',目标节点) 删除节点 removeChild(要删除的子节点);
|