lovecoding
/
class


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="box">11111</div>
    <div id="main">
        2222
        <h1>1111</h1>
    </div>
    <script>
        var box = document.getElementById("box");
        // console.log(box.nodeName)
        var main = document.getElementById("main");
        var h1 = document.querySelector("h1");
        //创建元素 createElement
        var a1 = document.createElement("h3");
        // a1.innerHTML =  '123'
        a1.innerText = '1234'
        console.log(a1);
        // alert(a1);
        // 添加元素 appendChild
        box.appendChild(a1);
        var a2 = document.createElement("span");
        a2.innerText = '哈哈哈哈';
        // 插入元素 insertBefore(参数1，参数2)
        // 参数一 插入元素
        // 参数二 被插入在该元素之前
        box.insertBefore(a2,a1);
        // 删除元素 removeChild
        main.removeChild(h1);
        // 删除页面元素节点 remove
        // h1.remove()
    </script>
</body>
</html>