首页 > 其他 > 详细

Dom基础

时间:2016-05-31 09:00:42      阅读:195      评论:0      收藏:0      [点我收藏+]
DOM基础
•什么是DOM
•浏览器支持情况
lDOM节点
•childNodes  nodeType
–获取子节点
–children
•parentNode
–例子:点击链接,隐藏整个li
•offsetParent
–例子:获取元素在页面上的实际位置
 
DOM节点
首尾子节点
有兼容性问题
firstChild、firstElementChild
lastChild 、lastElementChild
兄弟节点
–有兼容性问题
nextSibling、nextElementSibling
previousSibling、previousElementSibling
 
操作元素属性
元素属性操作
•第一种:oDiv.style.display=“block”;
•第二种:oDiv.style[“display”]=“block”;
•第三种:Dom方式
DOM方式操作元素属性
•获取:getAttribute(名称)
•设置:setAttribute(名称, 值)
•删除:removeAttribute(名称)
 
DoM元素灵活查找
用className选择元素
–通过className条件筛选
如何用className选择元素
–选出所有元素
封装成函数
 
知识点
DOM节点:parentNode、childNodes、nodeType、children
元素属性:getAttribute、setAttribute、removeAttribute
用class选取元素
 

Dom基础

原文:http://www.cnblogs.com/hack-ing/p/5544669.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!