Javascript DOM 基础篇 01

dom基础

dom是什么

       答：文件对象模型（document object

model，简称dom），dom可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构！

本节了解了下面知识点：

dom节点

childnodes  nodetype

获取子节点

children

parentnode

例子：点击链接，隐藏整个li

offsetparent

例子：获取元素在页面上的实际位置

dom节点(2)

首尾子节点

有兼容性问题

firstchild、firstelementchild

lastchild 、lastelementchild

兄弟节点

nextsibling、nextelementsibling

previoussibling、previouselementsibling

元素属性操作

第一种：odiv.style.display=“block”;

第二种：odiv.style[“display”]=“block”;

第三种：dom方式

dom方式操作元素属性

获取：getattribute(名称)

设置：setattribute(名称, 值)

删除：removeattribute(名称)

用classname选择元素

如何用classname选择元素

选出所有元素

通过classname条件筛选

封装成函数