lovecoding
/
VIP22


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="div1">
    <p id="p1">123</p>
    <p>456</p>
  </div>
  <script>
    var div1 = document.getElementById('div1')
    var a = document.createElement('p') //创建一个什么元素 div? p?  <p></p>
    var b = document.createTextNode('这是一个新的文本')//内容
    // a.appendChild(b)//<p>这是一个新的文本</p>
    /* 添加内容 */
    a.innerHTML = '777'
    console.log(a)
    /* appendChild 添加节点  如果需要向HTML DOM添加新元素
    必须先创建这个元素(元素节点)  然后将其追加到已有的元素里面
    */
    // div1.appendChild(a)
    /* insertBefore(参数1，参数2)  向参数2前面添加参数1 */
    var p1 = document.getElementById('p1')
    // div1.insertBefore(a,p1)

    //p1.remove() //在页面中删除某个节点

    /* 父节点.removeChild */
    // div1.removeChild(p1)

    /* 父节点.replaceChild(新节点，旧节点) */
    div1.replaceChild(a,p1)
  </script>
</body>
</html>