创建DOM元素

最新推荐文章于 2021-06-23 02:09:53 发布

dgcw2015

最新推荐文章于 2021-06-23 02:09:53 发布

阅读量96

点赞数

原文链接：http://www.cnblogs.com/sishiuliunian/p/4902689.html

版权

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

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);没有引号

大神说了：

字符串加引号

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

转载于:https://www.cnblogs.com/sishiuliunian/p/4902689.html

dgcw2015

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
创建DOM元素

昨天感冒，一天都是昏昏沉沉的，晚上八点就休息了，一觉醒来整个神清气爽，感觉感冒好了一大截。本来今天要好好的学习的，看了一个帖子，实在挪不开眼睛，所以通常五点开始的学习，拖到了六点多。好在今年下雨，晚上不用跑步去了，嘻嘻，挺好！createElement（标签名）创建一个节点appendChild（节点）追加一个节点插入节点（节点，原有节点）在已有节点前面插入删除...
复制链接

扫一扫