菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 高钰琪-JS基础（10）-20221209 [打印本页]

作者: mx88783 时间: 2023-1-5 19:26
标题: 高钰琪-JS基础（10）-20221209
一、今日学习内容：
节点操作

子找父，父找子

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(要删除的子节点);

二、今日问题：无

三、解决方案：无

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)