DOM方法总结

DOM方法总结

通过id获取元素 document.getElementById(“id”)
通过class类名元素获取元素 document.getElementsByClassName(“class类名”) 通过class类名获取的是一个数组
通过标签获名获取元素 document.getElementsByTagName(“tag”) 通过class类名获取的是一个数组
通过name属性获取元素 document.getElementsByName(“name属性值”) 通过name属性获取的是一个数组

获取父元素 childObj.parentElement 或者 childObj.parentNode;

获取子元素 parentObj.chilren获取的是子元素的数组不包括空白节点，
parentObj.firstElementChild 获取第一个子元素
parentObj.fistChild 获取第一个子节点
parentObj.lastElementChild 获取最后一个子元素
parentObj.lastChild 获取最后一个子节点

获取兄弟元素 ele.nextElementSibling; 获取下一个兄弟元素
ele.previousElementSibling; 获取上一个兄弟元素

动态创建元素 document.creatElement();
动态添加元素 parentObj.appendChild(childObj);
动态删除元素 parentObj.removeChild(childObj);
动态插入元素 parentObj.insertBefore(“新元素”,“被插在前面的元素（原本存在的子元素）”)
动态替换元素 parentObj.replaceChild(“新元素”,“被替换的元素（原本存在的子元素）”)