创建DOM元素 | 易学教程

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

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

标签

dom