一、节点获取
1、直接获取
name=document.getElementById("X");（id命名：id="X"）
name=document.getElementByTagName("X");(标签名)
name=document.getElementByClassName("X");(class="X")
name=document.getElementByName("X");（元素名）
2、关系获取
childNodes
parentNode
previousSibling
nextSibling
二、创建节点
document.createElement()
三、添加节点
ele.appentChild()加在前面
ele.insertBefore()加载后面
四、删除节点
ele.removeChild()
五、替换节点
ele.replaceChild()
六、增删改
innerHTML
七、js控制DOM操作CSS：内联样式
<head>
//内联样式！！！
<style>
p {
font-size: 20px;
}
</style>
</head>
<body>
<p style="color: red">刘星星</p>
<script>
var pEle = document.getElementsByTagName("p")[0];
pEle.style.color = "blue";//最终颜色样式为blue；
pEle.style.fontSize = "40px";//最终字体样式为40px;
</script>
</body>
时间： 2024-11-25 11:54:48