标签:
1.用原生js,创建一个无序列表添加到body中,ul下包含5个li,每个li包含一个text类型元素,text元素内容可自定义;
<script type="text/javascript"> window.onload = function() { var ulNode = document.createElement("ul"); var bodyNode = document.getElementsByTagName("body"); bodyNode[0].appendChild(ulNode); for (var i = 0; i < 5; i++) { var liNode = document.createElement("li"); var textNode = document.createTextNode("我是文本节点"+i); liNode.appendChild(textNode); ulNode.appendChild(liNode); } } </script>
运行结果:
知识点:
(1)在原生js中,window.onload 当页面加载的时候可以调用某些函数(http://www.jb51.net/article/43166.htm)
window.onload = function() { ... }
(2)创建新的节点:
document.createElement("div");// 定义新的div元素节点变量
(3)创建文本节点
document.createTextNode() ;//可创建文本节点
(4)向节点添加最后一个子节点
appendChild()
标签:
原文地址:http://www.cnblogs.com/caiyezi/p/5620376.html