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  ：失去焦点

）

全选/全不选/反选

左右下拉列表

省市联动