700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > js中Dom元素及获取方法

js中Dom元素及获取方法

时间:2018-08-01 15:48:57

相关推荐

js中Dom元素及获取方法

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)

{...}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。