码迷,mamicode.com
首页 > Web开发 > 详细

js 面试题

时间:2016-06-27 16:53:31      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

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() 

 

js 面试题

标签:

原文地址:http://www.cnblogs.com/caiyezi/p/5620376.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!