document.createElement()的使用和 createTextNode() 方法

小例子代码：

var h=document.createElement("H1")
var t=document.createTextNode("Hello World");
h.appendChild(t);

结果：

Hello World

代码事件创建移除

<div id="div1">
            待删除的div1,可以点击按钮删除
        </div>

<button οnclick="appChild()">创建添加元素</button>
<button οnclick="rmNode()">移除节点</button> 

<script>

 function appChild(){
                                //在body中添加一个div
                                //1 创建div元素
                                var div = document.createElement('div');
                                //给div添加内容
                                //innerHTML 添加html代码
                                //innerText 添加普通文本的
                                div.innerText = "我是div通过js 动态添加的内容";
                                //2 找到body 并将div追加到 body中 ,通过append方法给元素追加
                                document.body.appendChild(div);
                                div.click();
                            }
                            function rmNode(){
                                var div1 = document.getElementById('div1');
                                // removeChild 通过父元素，删除自己节点
                                document.body.removeChild(div1);
                                //remove 移除自身
                                // div1.remove();
                            }

    </script>

 

代码 点击按钮跳转超链接

<button οnclick="appbaidu()">跳转百度页面</button>

<script>

function appbaidu(){
                                           //在body中添加一个a
                                           //1 创建a元素
                                           var link = document.createElement('a');
                                           //给a添加内容
                                           link.href = "https://www.baidu.com";
                                           //2 找到body 并将div追加到 body中 ,通过append方法给元素追加
                                           document.body.appendChild(link);
                                           link.click();
                                       }

</script>