day03 dom操作

1 动态添加子节点

* 创建元素对象    document.createElement()
* 创建文本对象    document.createTextNode()
* 添加子节点     appendChild()

2 元素节点 获取所有子节点（记住重点）
 Element.getElementsByTagName("元素名称"); 获取元素下面所有子节点

3 Node节点 删除，替换，指定位置添加
* replaceChild(new,old)     替换节点，使用父节点调用该方法。
    // 需求：点击上海，在使用DOTA节点来替换掉上海的节点
    document.getElementById("shId").onclick = function(){
        // 获取DOTA节点
        var dota = document.getElementById("dotaId");
        // this代表是上海
        this.parentNode.replaceChild(dota,this);
    };

4. innerHTML属性（重要）获取和设置标签的文本内容 （

onfocus ：获取焦点
onblur  ：失去焦点

）

全选/全不选/反选

左右下拉列表

省市联动