怎样添加、移除、移动、复制、创建和查找节点

小码哥・Martin

于 2022-08-01 23:30:00 发布

阅读量132

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB JavaScript 文章标签： javascript 大数据开发语言

本文链接：https://blog.youkuaiyun.com/php_martin/article/details/125763165

JavaScript 同时被 2 个专栏收录

108 篇文章

订阅专栏

WEB

63 篇文章

订阅专栏

本文将深入讲解如何使用DOM API，包括createDocumentFragment(), createElement(), createTextNode()，以及appendChild(), removeChild(), replaceChild(), insertBefore()等方法进行节点操作。同时涵盖通过getElementsByTagName(), getElementsByClassName()和getElementById()查找元素的技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建新节点

createDocumentFragment()    //创建一个DOM片段
createElement()   //创建一个具体的元素
createTextNode()   //创建一个文本节点

添加、移除、替换、插入

appendChild()      //添加
removeChild()      //移除
replaceChild()      //替换
insertBefore()      //插入

查找

getElementsByTagName()    //通过标签名称
getElementsByName()     //通过元素的Name属性的值
getElementById()        //通过元素Id，唯一性