16.通过dom创建元素
Posted xzy不会飞的地板流
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了16.通过dom创建元素相关的知识,希望对你有一定的参考价值。
一.如何给div添加font标签
1.通过dom创建元素首先使用var fontEle=document.createElement("font");创建对象
2.然后将型创建的元素利用appendChild(ele);添加到div节点内;
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 2 "http://www.w3.org/TR/html4/loose.dtd"> 3 <html> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 6 <title>js中通过dom创建元素</title> 7 8 <script type="text/javascript"> 9 10 function addEle(){ 11 12 13 //1.首先创建font节点,利用createElement("元素");方法创建节点 14 var fontEle=document.createElement("font"); 15 16 //可以为新创建的font设置内容 17 fontEle.innerHTML="HelloWorld"; 18 fontEle.color="red"; 19 20 21 //2.获取div节点 22 var myDiv=document.getElementById("myDiv"); 23 24 //3.使用appenfChild(fontEle)方法将创建的节点添加到div内 25 myDiv.appendChild(fontEle); 26 27 28 29 } 30 31 </script> 32 33 </head> 34 35 <body> 36 37 <input type="button" value="用dom为div添加font节点" onclick="addEle()"/> 38 <div id="myDiv"></div> 39 </body> 40 </html>
以上是关于16.通过dom创建元素的主要内容,如果未能解决你的问题,请参考以下文章
jquery 对象的 heightinnerHeightouterHeight 的区别以及DOM 元素的 clientHeightoffsetHeightscrollHeightoffset(代码片段