JavaScript创建元素的方法（代码）

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者不言，侵删。

本篇文章给大家带来的内容是关于JavaScript创建元素的方法（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

1、动态创建元素一 document.write()

例如向页面中输出一个 li 标签

1

2

<pre class="html" name="code"><span style="font-size:12px;"><script>

  document.write("<li>123</li>");</script></span>

body标签中就会插入但是这种方法几乎不用，因为这回影响页面的布局，甚至会将页面原来的内容冲刷掉，从而只显示输出内容

2、动态创建元素二 innerHTML

1

2

3

4

5

6

7

<span style="font-size:12px;"><body>

<div id="box"></div>

<script>

  var box = document.getElementById("box");

  box.innerHTML = "<p>这是p标签</p>";

</script>

</body></span>

div标签中就会插入一个p标签，并在在页面上输出“这是标签”，当需要添加的标签比较多的时候使用这种方式。

阅读剩余部分

相关阅读 >>

深入了解javascript中的object（对象）

javascript怎么判断是否是json格式

javascript声明变量的4种方法是什么

浅谈js数组array的用法

javascript如何检测网络

java和javascript一样么

javascript如何进行ascii码转换

javascript var是什么

html5多线程javascript解决方案web worker-专用worker和共享worker的详细代码介绍

vue和js区别是什么

更多相关阅读请进入《javascript》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...