搜索历史

{{ i+1 }}{{ v }}

搜索推荐

{{ i+1 }}{{ v }}

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

转载翻译原创

问答题 · 前端 · javascript · @{ formatTime(detail.create_time) }

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

1、创建新节点

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

2、添加、移除、替换、插入

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

2.1、insertAdjacentHTML

beforeBegin：在该元素前插入
afterEnd：在该元素后插入
afterBegin：在该元素第一个子元素前插入
beforeEnd：在该元素最后一个子元素后插入

2.2、表格
链接：https://www.runoob.com/jsref/dom-obj-table.html

3、查找

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

3.1 文档属性

document.documentElement
document.head
document.body
document.images
document.links
document.forms
等等

3.2 节点属性

childNodes
children
firstChild
firstElementChild
lastChild
lastElementChild
parentNode
parentElement
offsetParent
previousElementSibling
previousSibling
nextElementSibling
nextSibling
等等

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: 浏览器线程有哪些？; DOM和BOM有什么区别？; 谈下关于内存泄漏的认识？; ==和===的区别是什么？; 常见的事件类型及初始化方式?; AMD CMD规范的区别?; 如何避免回调地狱？; 从输入URL到页面加载完成发生了什么？; xml、json、protobuf数据格式比较?; ``` var Foo = function() { this.name = 'jack'; return { name: 'tom' }; } var foo = new Foo(); ``` 请问foo.name是什么？为什么？

回顶部