DOM基础对象
document
document.documentElement html部分
document.head
document.title
document.body body部分
获取元素对象方法
document.getElementById(); 通过id找到对象
document.getElementsByTagName(); 通过标签名找到对象并放到数组集合中
document.getElementsByName(); 通过name找到对象并放到数组集合中
document.getElementsByClassName(); 通过类选择器找到对象并放到数组集合中
document.querySelector(); 查找选择器
直接获取dom元素对象集合(不常用部分)
document.links 链接集合
document.p_w_picpaths 图片集合
document.forms 表单集合
document.anchors 锚点集合
tableObj.rows 表格行集合
tableRowObj.cells 表格列集合
selectObj.options 下拉选项集合
childNodes子节点
nodeType元素类型
if(oUl.childNodes[i].nodeType==1)元素节点
通过子标签寻找父元素
this.parentNode
父元素寻找子元素(这是一个集合)
this.children
用于获取元素的实际位置,本身是基于位置寻找父级
offsetParent
//首尾节点,左侧使用低级浏览器,右侧使用高级浏览器
firstChild firstElementChild
lastChild lastElementChild
nextSibling nextElementSilling
previousSibling previousElementSibling
//版本兼容问题
if(oUl.firstElementChild)
{...}