JS操作DOM对象

JS操作DOM对象

1，获取DOM节点：

• 根据Id属性获取：document.getElementById();
• 根据class属性获取：document.getElementsByClassName()
  -根据标签属性：document.getElementsByTagName()
  注意：使用class与标签属性获取节点时，可能得到多个节点，这两个方法返回的时一个数组，我们可以通过遍历获取自己想要的节点

2.对节点进行操作：
节点.innerText=’’:对节点的信息进行操作
节点.innerHTML=’’:可以节点进行超文本操作

		let a = document.getElementById("aa");
        a.innerText = '跟新后的信息';
        let a = document.getElementById("aa");
        a.innerHTML = '<strong>123</strong>';
        

标签样式进行修改：节点对象.style。带有段横线的属性要是用驼峰命名的方式。

 	let pp =  document.getElementById("pp");
    pp.style.color='red';

3.删除节点：删除节点，先找自己父节点，然后删除自己。

let pp =  document.getElementById("pp");
    let father = pp.parentElement;
    father.removeChild(father.children[1]);

注意：删除节点时，父节点获取子节点的数组是动态的，
4.插入节点：