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)

相关推荐

  • VB.NET如何使用On Error语句

    技术VB.NET如何使用On Error语句这篇文章主要介绍VB.NET如何使用On Error语句,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!VB.NET推荐使用Try…End Try块来

    攻略 2021年12月2日
  • 指南针的红色指针指向什么方向,请问指南针红针指的是什么方向

    技术指南针的红色指针指向什么方向,请问指南针红针指的是什么方向好像并没有个标准规定靠颜色分辨南北极,指南针,指北针只是叫法习惯指南针的红色指针指向什么方向。知道当地南北方向,看指南针指针指向,不管红色白色或黑色一端,你都

    生活 2021年10月24日
  • Mac电脑上怎么设置五笔输入法教程

    技术Mac电脑上怎么设置五笔输入法教程本篇内容介绍了“Mac电脑上怎么设置五笔输入法教程”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,

    攻略 2021年10月23日
  • 日本服务器租用适合端口转发的理由

    技术日本服务器租用适合端口转发的理由最近不少客户都来咨询用于端口转发服务比较适合的服务器,一般情况下我们都是推荐日本服务器或者香港服务器作为端口转发使用,下面就来简单介绍一下理由端口转发的用途是什么?
    端口转发对于IT专

    礼包 2021年12月8日
  • Python实战小项目之如何实现身份证信息校验

    技术Python实战小项目之如何实现身份证信息校验这篇文章主要介绍“Python实战小项目之如何实现身份证信息校验”,在日常操作中,相信很多人在Python实战小项目之如何实现身份证信息校验问题上存在疑惑,小编查阅了各式

    攻略 2021年10月20日
  • 怎么使用span解决数组退化和越界访问

    技术怎么使用span解决数组退化和越界访问本篇文章给大家分享的是有关怎么使用span解决数组退化和越界访问,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。数组

    攻略 2021年11月10日