创建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