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)

相关推荐

  • aabb形式,aabb形式有哪些词语

    技术aabb形式,aabb形式有哪些词语安安稳稳aabb形式、巴巴急、巴巴劫劫、巴巴结结、彬彬济济 半半拉拉、半半路路、炳炳烺烺、波波碌碌、病病歪歪 白白朱朱、啛啛喳喳、抽抽搭搭、吹吹打打、出出律律 楚楚谡谡、抽抽噎噎、

    生活 2021年10月26日
  • 如何使用OpenCV+Python去除手机拍摄文本底色

    技术如何使用OpenCV+Python去除手机拍摄文本底色本篇文章为大家展示了如何使用OpenCV+Python去除手机拍摄文本底色,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

    攻略 2021年11月2日
  • java同步器AQS的实现原理是什么

    技术java同步器AQS的实现原理是什么这篇文章给大家介绍java同步器AQS的实现原理是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。前言在java.util.concurrent.locks

    攻略 2021年10月23日
  • QTableWidget添加表头菜单 并 可以通过表头菜单隐藏选中列

    技术QTableWidget添加表头菜单 并 可以通过表头菜单隐藏选中列 QTableWidget添加表头菜单 并 可以通过表头菜单隐藏选中列一、首先需要给QTableWidget安装事件
    二、重新实现

    礼包 2021年10月27日
  • python中wxpy的安装与使用是怎样的

    技术python中wxpy的安装与使用是怎样的python中wxpy的安装与使用是怎样的,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。1.wxpy基本介绍w

    攻略 2021年12月4日
  • 用家里的东西做起泡胶,怎么用家里的材料做起泡胶

    技术用家里的东西做起泡胶,怎么用家里的材料做起泡胶第一步:首先加入白胶用家里的东西做起泡胶,白胶的量90%决定了之后成品的大小,不能倒多或倒少哦!新手宝宝要注意了,市场上面的白胶,花样繁多,且价格上下浮动很大,有很便宜的

    生活 2021年11月1日