dom的增删改查-dom查询

DOM的增删改查

创建一个元素

var p = document.createElement("p")
console.log(p)

创建一个新的文本节点

var text = document.createTextNode("erhuo")
console.log(text)

给p标签添加一个节点

p.appendChild(text)`在这里插入代码片`

将li元素删除

ul.removeChild(li)

DOM查询

获取ul下所有的子元素

var children1 = ul.children
console.log(children1)

获取ul下所有的子节点

var children2 = ul.childNodes
console.log(children2)

获取ul的父节点

var parent1 = ul.parentNode
console.log(parent1)

获取ul的父元素

var parent2 = ul.parentElement
console.log(parent2)

获取ul的第一个子节点

var first1 = ul.firstChild
console.log(first1)

获取ul的第一个子元素

var first2 = ul.firstElementChild
console.log(first2)

获取ul的上一个兄弟节点

var brother1 =  ul.previousSibling
console.log(brother1)

获取ul的下一个兄弟节点

var brother2 =  ul.nextSibling
console.log(brother2)

获取ul的上一个兄弟元素

var brother3 =  ul.previousElementSibling
console.log(brother3)

获取ul的下一个兄弟元素

var brother4 =  ul.nextElementSibling
console.log(brother4)