標簽：rgb dom節點 code lis png rgba style 實現 內容
我們獲得某個Dom節點，假設這個Dom節點是空的，我們通過innerHTML就可以增加一個元素了，但是這個DOM節點已經存在元素了，我們就不能這麽幹了！會産生覆蓋
<p id=js>JavaScript</p>
<div id="list"> <p id="se">JavaSE</p> <p id="ee">JavaEE</p> <p id="me">JavaME</p> </div> <script> var js=document.getElementById(‘js‘); //已存在的節點 var list=document.getElementById(‘list‘);
</script>
list.appendChild(js); //追加到后面
效果圖：
<p id="js">JavaScript</p> <div id="list"> <p id="se">JavaSE</p> <p id="ee">JavaEE</p> <p id="me">JavaME</p> </div> <script> var js=document.getElementById(‘js‘); //已存在的節點 var list=document.getElementById(‘list‘); //通過JS創建一個新的節點 var newP=document.createElement(‘p‘); //創建一個p標簽 newP.id=‘newP‘; newP.innerText=‘Hello,xiaoming‘;
//創建一個標簽節點
var myScript=document.createElement(‘script‘);
myScript.setAttribute(‘type‘,‘text/javascript‘)
//創建一個style標簽
var myStyle=document.createElement(‘style‘); //创建一个空style标签
myStyle.setAttribute(‘type‘,‘text/css‘);
myStyle.innerHTML=‘body{}‘; //设置标签內容
document.getElementsByTagName(‘head‘)[0].appendChild(myStyle)
</script>
效果圖：
標簽：rgb dom節點 code lis png rgba style 實現 內容
原文地址：https://www.cnblogs.com/clblogs/p/14966583.html
