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)

相关推荐

  • 拔苗助长的道理,拔苗助长告诉我们什么道理

    技术拔苗助长的道理,拔苗助长告诉我们什么道理拔苗助长的实例 /147264.html 还有无数的事实与活生生的实例,没有必要再写下去了拔苗助长的道理。要说那个家长不盼着自己的儿女出人头地,成龙成凤。但毕竟成龙成凤的是少数

    生活 2021年10月29日
  • [笔记]数据存储与检索

    技术[笔记]数据存储与检索 [笔记]数据存储与检索数据存储与检索(数据密集型应用系统设计)如果你把东西整理得井井有条, 下次就不用查找了
    ? --- 德国谚语从最基本的

    礼包 2021年10月27日
  • 如何分析VCS监控采集的共享内存和实战原理

    技术怎么解析共享内存原理与VCS监控采集实战本篇文章给大家分享的是有关怎么解析共享内存原理与VCS监控采集实战,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

    攻略 2021年12月16日
  • 千什么万什么的成语,千什么万什么的四字成语

    技术千什么万什么的成语,千什么万什么的四字成语千军万马千什么万什么的成语、千言万语、千丝万缕、千山万水、千变万化、千头万绪、 千真万确、千刀万剐、千呼万唤、千辛万苦、千秋万代、千岩万壑、 千山万壑、千家万户、千沟万壑、千

    生活 2021年10月28日
  • Python模块怎么导入

    技术Python模块怎么导入这篇文章主要讲解了“Python模块怎么导入”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Python模块怎么导入”吧!模块的定义:在pyth

    攻略 2021年11月25日
  • 树莓派+motion安装摄像头怎么实现远程监控

    技术树莓派+motion安装摄像头怎么实现远程监控这篇文章给大家介绍树莓派+motion安装摄像头怎么实现远程监控,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。 下面我们介绍如何来给树莓派装个USB

    攻略 2021年11月19日