首页 > 其他好文 > 详细

Dom基础

时间：2016-05-31 09:02:05 阅读：85 评论：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选取元素

标签：

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

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！