JavaScript的节点增删改查,节点文本操作

2025-09-24 01:57:16

1、创建节点:document.createElement.

document.createElement('img'),现在拿到的是一个空img标签.

JavaScript的节点增删改查,节点文本操作

2、给img标签赋值.

JavaScript的节点增删改查,节点文本操作

3、添加标签:appendChild.

注意是从父节点添加子节点,是追加.

JavaScript的节点增删改查,节点文本操作

4、删除节点:removeChild.

1.创建触发按钮. 2.查找到要删除的节点. 3.从父节点删除子节点.

JavaScript的节点增删改查,节点文本操作

5、替换节点:replaceChild(新节点,旧节点).

1.创建触发按钮. 2.创建新节点. 3.拿到旧节点. 4.从父节点替换旧节点.

JavaScript的节点增删改查,节点文本操作

6、节点文本取值操作,有两种方法.

1. innerHTML  获取标签和文本.

2. innerText  获取纯文本.

JavaScript的节点增删改查,节点文本操作

7、节点文本赋值操作.

innerHTML='<p>hello</p>'  赋值标签和文本

innerText='<p>hello</p>' 赋值纯文本

JavaScript的节点增删改查,节点文本操作

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢