码迷,mamicode.com
首页 > 其他好文 > 详细

创建DOM元素

时间:2015-10-22 21:18:23      阅读:272      评论:0      收藏:0      [点我收藏+]

标签:

昨天感冒,一天都是昏昏沉沉的,晚上八点就休息了,一觉醒来整个神清气爽,感觉感冒好了一大截。本来今天要好好的学习的,看了一个帖子,实在挪不开眼睛,所以通常五点开始的学习,拖到了六点多。好在今年下雨,晚上不用跑步去了,嘻嘻,挺好!

createElement(标签名)  创建一个节点

appendChild(节点)  追加一个节点

插入节点(节点,原有节点) 在已有节点前面插入

删除DOM元素 removeChild(节点)  删除一个节点

文档碎片document.createDocumentFragment() 在IE6以下可以提高效率,在现在常用到的浏览器当中,不怎么影响运行性能。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            window.onload=function(){
                var otxt=document.getElementById(txt1);
                var obtn=document.getElementById(btn1);
                var oul=document.getElementById(ul1);
                obtn.onclick=function(){
                    var oli=document.createElement(li);
                    oli.innerHTML=otxt.value;
                    oul.appendChild(oli);
                }
            }
        </script>
    </head>
    <body>
        <input type="text" id="txt1" />
        <input type="submit" id="btn1" value="提交" />
        <ul id="ul1"></ul>
    </body>
</html>

这个代码,写完之后,找不到错误,费半天劲,才知道在appendChild后面(oli);没有引号

大神说了:

 字符串加引号

你定义的那些节点或变量不加 

创建DOM元素

标签:

原文地址:http://www.cnblogs.com/sishiuliunian/p/4902689.html

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