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)

相关推荐

  • 如何理解Unicode与JavaScript

    技术如何理解Unicode与JavaScript如何理解Unicode与JavaScript,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。上个月,我做了一次

    攻略 2021年11月17日
  • 涨粉丝1元1000个粉丝平台,有什么好的抖音刷粉平台?

    技术涨粉丝1元1000个粉丝平台,有什么好的抖音刷粉平台?涨粉丝1元1000个粉丝平台,有什么好的抖音刷粉平台?抖音的推出让许多网友在闲暇之余又有了一种消遣的方式,也出现了众多的抖音大咖网红。很多人在抖音上有众多的粉丝,

    测评 2021年11月11日
  • C++程序员应聘常见面试题有哪些

    技术C++程序员应聘常见面试题有哪些本篇内容主要讲解“C++程序员应聘常见面试题有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“C++程序员应聘常见面试题有哪些”吧!试题

    攻略 2021年11月29日
  • Hibernate3有哪些新特性

    技术Hibernate3有哪些新特性小编给大家分享一下Hibernate3有哪些新特性,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Hiber

    攻略 2021年12月8日
  • 什么叫奇数什么叫偶数,合数、质数、偶数、奇数怎么分辨

    技术什么叫奇数什么叫偶数,合数、质数、偶数、奇数怎么分辨质数与合数,是从约数的个数进行区别的,一个大于1的整数,如果只有1和它本身两个约数,那么这个数就叫做质数什么叫奇数什么叫偶数;如果除了1和它本身还有其它的约数,这个

    生活 2021年10月23日
  • 分析PostgreSQL创建函数的过程

    技术分析PostgreSQL创建函数的过程本篇内容主要讲解“分析PostgreSQL创建函数的过程”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“分析PostgreSQL创建函

    攻略 2021年11月5日