JS中用DOM方法创建标签和文本

本文转载自查看原文 2016-08-25 14:09 2615 JavaScript

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>create Element</title>
 5 </head>
 6 <body>
 7     <div id="testdiv"></div>
 8     <script type="text/javascript">
 9         window.onload = function(){
10             var para = document.createElement('p');
11             var txt1 = document.createTextNode('This is ')
12             var em0 = document.createElement('em')
13             var txt2 = document.createTextNode('my')
14             var txt3 = document.createTextNode(' content')
15             var testdiv = document.getElementById('testdiv')
16             para.appendChild(txt1)
17             em0.appendChild(txt2)
18             para.appendChild(em0)
19             para.appendChild(txt3)
20             testdiv.appendChild(para)
21     }
22     </script>
23 </body>
24 </html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 JS---DOM---设置和获取---标签内容和文本内容 Dom--属性以及创建标签 JS DOM创建节点创建、插入、删除、查询、替换dom节点的方法（JS实现）用js创建标签 JS 创建Tag 标签 js中标签的创建 js和jquery中创建标签添加属性的方法 js中的DOM节点----文本节点原生js操作dom的方法

JS中用DOM方法创建 标签 和 文本

免责声明！

JS中用DOM方法创建标签和文本