复习之JavaScript基本语法（四）——创建、添加、删除元素节点

createElement()方法

createElement() 方法可创建元素节点。

此方法可返回一个 Element 对象。

		//创建一个li节点
        //注意：以下语句指创建一个标签，但该标签仅存在，不在页面显示
        //如果要把创建的节点显示页面中，还需要使用方法appendChild（）
       // var liNode =document.createElement("li")

createTextNode()方法

createTextNode() 可创建文本节点。

此方法可返回 Text 对象。

        //注意：以下语句指创建一个标签，但该标签仅存在，不在页面显示
        //如果要把创建的节点显示页面中，还需要使用方法appendChild（）
        var textNode =document.createTextNode("重庆")

appendChild()方法

        //添加节点对象（appendChild）
        //哪个对象调用appendChild，该对象添加到这个元素对象中
        //列如：把liNode添加到div
        //cityObjcet.appendChild(liNode)
        //将创建的文本节点添加到li中
        //liNode.appendChild(textNode)

removeChild()方法

        //删除节点
        //将div节点中的成都删除
        //1.找到成都这个节点
        var chengduNode =document.getElementById("chengdu")
        //2.使用成都的父节点，来删除节点
        chengduNode.parentNode.removeChild(chengduNode)