Web前端学习：章四 -- JavaScript初级（二）-- DOM

最新推荐文章于 2024-09-02 11:50:37 发布

喜乐天的邪爪

最新推荐文章于 2024-09-02 11:50:37 发布

阅读量446

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_45097269/article/details/129703103

版权

本文介绍了DOM中的几个关键操作，包括通过parentNode获取父级元素，使用children获取子级元素，动态创建和插入元素如createElement与appendChild，以及如何在特定位置插入元素、替换元素、删除子级元素和自身元素。此外，还提到了innerHTML用于设置或获取元素内容及其注意事项。

摘要由CSDN通过智能技术生成

117：DOM-获取父级元素-parentNode

父级：ParentNode
子级：Children

1、一个子级只有一个上一级，即只有一个父级

在这里插入图片描述

118：DOM-获取子级元素-children

子级：Children

1、一个父级可以有多个子级

查看子级：
在这里插入图片描述

2、用类似数组的方式查找

在这里插入图片描述

3、循环

在这里插入图片描述

119：DOM-动态生成元素及尾部插入元素

1、createElement - 生成元素

步骤：
1、先定义元素，包括位置、格式，设置元素属性
2、选择元素生成位置，在该级元素下调用createElement即可
解析：
1、定义一个元素，在document下生成（在文档下生成元素你可以把它放在任何地方），元素格式为input，也可以是div。span等
2、选择在body下生成，即把元素插入到body下，appendChild：插入到该元素子级的最后方
在这里插入图片描述
还可以进行属性添加