JavaScript——插入节点
2021-07-27 19:56
标签：rgb dom节点 code lis png rgba style 实现 内容 我们获得某个Dom节点，假设这个Dom节点是空的，我们通过innerHTML就可以增加一个元素了，但是这个DOM节点已经存在元素了，我们就不能这么干了！会产生覆盖 追加已存在的节点 JavaScript JavaSE JavaEE JavaME var js=document.getElementById(‘js‘); //已存在的节点 var list=document.getElementById(‘list‘); list.appendChild(js); //追加到后面 效果图： 追加不存在的节点（创建一个新的标签，实现插入） JavaScript JavaSE JavaEE JavaME 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) 效果图： JavaScript——插入节点标签：rgb dom节点 code lis png rgba style 实现 内容 原文地址：https://www.cnblogs.com/clblogs/p/14966583.html