JS中动态创建元素的三种方法
来源:互联网 发布:在b站做网络直播有延迟 编辑:程序博客网 时间:2024/05/27 14:14
1、动态创建元素一 document.write()
例如向页面中输出一个 li 标签
<script> document.write("<li>123</li>");</script>
body标签中就会插入但是这种方法几乎不用,因为这回影响页面的布局,甚至会将页面原来的内容冲刷掉,从而只显示输出内容
2、动态创建元素二 innerHTML
<body><div id="box"></div><script> var box = document.getElementById("box"); box.innerHTML = "<p>这是p标签</p>";</script></body>div标签中就会插入一个p标签,并在在页面上输出“这是标签”,当需要添加的标签比较多的时候使用这种方式。
3、动态创建元素三 document.createElement()
<body><div id="box"></div><script> var box = document.getElementById("box"); var li = document.createElement("li"); //创建一个li标签 li.innerHTML = "123"; //给li标签赋值 box.appendChild(li); //将创建好的li标签追加到box标签中</script></body>
div标签下面就会创建了一个li标签,当需要动态创建的标签比较少的时候就使用这种方式
0 0
- JS中动态创建元素的三种方法
- js动态创建html元素的方法
- js动态创建html元素的方法
- js动态添加网页元素的三种方法
- 动态创建元素的三种方式
- js中设置元素class的三种方法小结
- ABAP中创建动态内表的三种方法
- IE中JS动态创建表格元素
- js动态创建元素
- 创建动态代理的三种方法
- js 使用js的CreateElement方法创建元素、样式表动态引入
- 【转】js中设置元素class的三种方法小结
- js和jQuery创建元素和把元素插入到文档中所用的方法
- js创建svg元素的方法
- js 动态创建HTML元素
- js动态创建VML元素
- JS 动态创建html元素
- js动态创建元素、标签
- Makefile中指示符“include”、“-include”和“sinclude”的区别
- HDU5112【水】
- 参加知乎的第一场 值乎
- Lock接口中的几个方法讨论
- UiAutomator笔记之UiObject API(四)
- JS中动态创建元素的三种方法
- 抽象类与接口的思考
- 性能测试工具总结
- resolv.conf中的nameserver
- php基础之常量
- HDU 2824
- 校招第二站-----爱数
- getElmentsByClassName用法
- 为什么匿名内部类和局部内部类只能访问final变量