创建JS元素的三种方法
1、动态创建元素一 document.write()
例如,向页面输出li标签。
pre class=' html ' name=' code ' span style=' font-size :12 px;脚本
document . write(' Li 123/Li ');
/脚本/span
Body标签会被插入,但是这种方法几乎没有用,因为这一次会影响页面的布局,甚至会洗掉页面的原始内容,这样只会显示输出内容。
2、动态创建元素二 innerHTML
span style=' font-size :12 px;'身体
分区/部门
脚本
var box=document . getelementbyid(' box ');
Box.innerHTML='p这是p标记/p ';
/script
/车身/跨度
一个p标签将被插入到div标签中,并且“这就是标签”将被输出到页面上,当有许多标签要添加时使用。
3、动态创建元素三 document.createElement()
span style=' font-size :12 px;'身体
分区/部门
脚本
var div obj=document . getelementbyid(' div ');var Li=document . create element(' Li ');//创建li标记li.innerHTML=' 123//为li标签赋值
div obj . appendchild(Li);//将创建的li标记添加到box标记/脚本/正文/span中
li标签将在div标签下创建,当需要动态创建的标签很少时使用。
本文来源于学习小花,作者:艾学希666888,请注明原文链接:https://www.cnblogs.com/aixuexi666888/p/15551122.html.
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/89925.html