lovecoding
/
vipAllDay


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344
							<!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">
        <h1>事件方法</h1>
        
    </div>
    <script>
        var box = document.getElementById("box");
        // 1.创建元素
        var h3 = document.createElement("h3");
        h3.innerText = '哈哈哈'
        var p = document.createElement("p");
        p.innerText = '这是一个p标签'
        var ul = document.createElement("ul");
        var li = document.createElement("li");
        var li2 = document.createElement("li");
        var li3 = document.createElement("li");
        li.innerText = '1';
        li2.innerText = '12';
        li3.innerText = '13';
        ul.appendChild(li);
        ul.appendChild(li2);
        ul.appendChild(li3);
        // 2.添加元素
        // box.appendChild(p);
        box.appendChild(ul);
        // 3.替换元素 xxx.replaceChild(新值,旧值)
        // box.replaceChild(p,ul)
        // 4.删除元素 xxx.removeChild(旧值)
        // box.removeChild(p)
        // 5.删除所有元素
        // box.remove()
        // 6.插入元素 insertBefore(被插入的值，插入的旧值)
        box.insertBefore(h3,ul)
        console.log(p)
    </script>
</body>
</html>