节点操作(创建、插入、删除、查找)

# 创建元素

1:document.write('<li></li>')

2:对象.innerHTML = '<li></li>'  不能用在循环里

3:创建标签结点

var mya = document.createElement('a')

创建文本结点

var text = document.createTextNode('百度');

挂接文本结点

mya.appendChild(text);

添加属性和样式

mya.href = 'http://baidu.com';  
mya.setAttribute('href','http://baidu.com');

.style.属性名 = ' ' 

插入元素

(1)尾插法

父元素.appendChild(子元素)

(2)任意位置插入

父元素.insertBefore('  ')

删除:父元素.removeChild(子元素);

替换 :父元素.replaceChild('新元素','旧元素')

查找元素:

父元素.children  找父元素的所有子元素

子元素.parentElement  找子元素对应的父亲

上一个兄弟节点:  元素.previousElementSibling

下一个兄弟节点: 元素.nextElementSibling

第一个:  元素.firstElement

最后一个: 元素.lastElement

猜你喜欢

转载自blog.csdn.net/weixin_42223833/article/details/88103701