继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

js中Dom元素及获取方法

linux零基础学习视频
关注TA
已关注
手记 276
粉丝 29
获赞 122

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)

{...}





打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP