javascript dom基础
javascript dom基础
dom顾名思义就是 document object model,
在<body></body>内,我们利用html去写了很多节点,而在展示的过程中,我们需要去利用js去执行一些交互效果.
那么这个时候我们需要去抓取到我们要用到的那个dom节点,对它进行操作.
childNodes/children获取子节点
2者之间的区别:
children 选取不包括空白节点
而childNodes在firefox会选取空白节点
nodeType 可以去判断节点类型
parentNode/offsetParent
offsetParent->这个对象是距离调用offsetParent的元素最近的
DOM节点(2)
首尾子节点[有兼容性问题]
firstChild、firstElementChild
lastChild 、lastElementChild
兄弟节点[有兼容性问题]
nextSibling、nextElementSibling
previousSibling、previousElementSibling
操纵元素属性
元素属性操作
第一种：oDiv.style.display=“block”;
第二种：oDiv.style[“display”]=“block”;
DOM方式操作元素属性
获取：getAttribute(名称)
设置：setAttribute(名称, 值)
删除：removeAttribute(名称)
还可以利用className选择元素
