JS DOM

最新推荐文章于 2025-01-12 11:50:04 发布

原创最新推荐文章于 2025-01-12 11:50:04 发布 · 310 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

9 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文深入探讨了DOM操作中的关键技巧，包括子节点、第一个子节点的选择方法，offsetParent的使用，以及如何通过多种方式给元素赋值。此外，还提供了一种选择特定类名元素的有效函数。

1.子节点
childNodes(不兼容)
子节点包括文本节点和元素借点
通过nodeType区别文本节点和元素节点
children兼容所有，只包括元素节点

2.第一个子节点
firstChild IE6-8兼容
firstElementChild 高级浏览器兼容

3.offsetParent
获取元素定位的父级

4.给元素赋值

oTxt.value='aaa'
oTxt['value']='aaa'
oTxt.setAttribute('value','aaa')

5.选择某一类的className

function getByClass(oParent,oClass){
      var result=[];
      var aEle=oParent.getElementByTagName('*');
   		for(var i=0;i<aEle.length;i++){
   		   if(aEle[i].className==oClass){
   		       result.push(aEle[i]);
   		   }
   		}
return result;
}