js中Dom元素及获取方法

Posted 2020-10-12

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.images  图片集合

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)

{...}

本文出自 “Rcid” 博客，请务必保留此出处http://13419255.blog.51cto.com/13409255/1976150