Thirty-six DOM操作

 

DOM

　　1、查找标签

　　　　1）直接查找

　　　　　　document.getElementById("")    # 返回dom对象

　　　　　　　　　　　　　　　　TagName("")    # 返回dom对象数组

　　　　　　　　　　　　　　　　Name(""))    # 返回dom对象数组

　　　　　　　　　　　　　　　　ClassName(""))    # 返回dom对象数组

　　　　2）导航查找

　　　　　　parentElement   　　 　　// 父节点标签元素

　　　　　　children　　        　　　　// 所有子标签

　　　　　　firstElementChild    　　　// 第一个子标签元素

　　　　　　lastElementChild　　　　// 最后一个子标签元素

　　　　　　nextElementtSilbing　　　// 下一个兄弟标签元素

　　　　　　previousElementSibling　// 上一个兄弟标签元素

　　2、操作标签

　　　　1）获取文本节点的值：innerText #只能文本　　innerHTML #文本标签都行

　　　　2) ele=document.getElementById("")

　　　　　　ele.getAttribute("")

　　　　　　　　removeAttribute("")

　　　　3）class操作：ele.classList.remove("")

　　　　　　　　　　　　　　　　　　add("")

　　　　4) value 属性操作：

　　　　　　input

　　　　　　textarea

　　　　　　select

　　　　　　dom=document.getElementById("input")

　　　　　　dom.value=123　　//仅有它可以直接用这种等于的方式