js createElement appendChild createTextNode用法

 

xml不支持innerHTML
1
<p id="bj">北京</p> 2 <script type="text/javascript"> 3 //创建<div> 节点,添加到<body>节点中 4 var divElement=document.createElement("div"); 5 divElement.innerHTML="<B>AFASFD</B>" 6 //父亲.appendChild(子) 7 //document.getElementsByTagName("body")[0].appendChild(divElement); 8 9 //获取body的特殊的方式 10 var bodyElement=document.body; 11 bodyElement.appendChild(divElement); 12 13 //另外一种添加值的方式,谨防不支持innerHTML的,比如xml 14 var divElement=document.createElement("div"); 15 //创建文本节点 16 var txtElement=document.createTextNode("呵呵啊"); 17 divElement.appendChild(txtElement); 18 document.body.appendChild(divElement); 19 </script>

 

你可能感兴趣的:(appendChild)