JS 创建元素的三种方法

技术JS 创建元素的三种方法 JS 创建元素的三种方法1、动态创建元素一 document.write()例如向页面中输出一个 li 标签pre class="html" name="code"span

创建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

(0)

相关推荐

  • ios15 beta2什么时候出(xsmax ios15建议更新吗)

    技术iOS 9适配中会遇到的问题有哪些这篇文章主要介绍iOS 9适配中会遇到的问题有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一、NSAppTransportSecurityiOS9让所有

    攻略 2021年12月24日
  • jsp报错问题汇总

    技术jsp报错问题汇总 jsp报错问题汇总一、jsp 页面跳转报错c:forEach items="${map}" var="m"%--取出map的key和value,JSTL提供了一下方式--%${m

    礼包 2021年11月1日
  • 4行4字的古诗,我要60首4行5字的古诗

    技术4行4字的古诗,我要60首4行5字的古诗1,静夜思4行4字的古诗。2,咏鹅。3,终南望余雪。4,登鹳雀楼。5,江雪。6,寻隐者不遇。7,江上渔者。8,夏日绝句。9,所见。10,春夜喜雨。11,八阵图。12,绝句。13

    生活 2021年10月23日
  • python中如何使用pip安装第三方库

    技术python中如何使用pip安装第三方库本篇文章为大家展示了python中如何使用pip安装第三方库,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。前言本文的文字及图片来源于网

    攻略 2021年11月2日
  • 怎么开启cisco sshservice(cisco vss 重启命令)

    技术Cisco Smart Install远程命令执行漏洞的示例分析这篇文章给大家介绍Cisco Smart Install远程命令执行漏洞的示例分析,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。0

    攻略 2021年12月20日
  • mysql临时表的问题有哪些

    技术mysql临时表的问题有哪些这篇文章主要为大家展示了“mysql临时表的问题有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“mysql临时表的问题有哪些”这篇文章吧。

    攻略 2021年11月6日