js的一些常用方法

1,关于滚动条
获取滚动条滚动的距离window.pageXOffset window.pageYOffset 不兼容IE8和IE8以下
document.documentElement.scrollTop||document.body.scrollTop 兼容IE低版本
如果不兼容返回0
window的三个关于滚动条的方法 兼容IE低版本
scroll(),scrollTo控制滚动天滚动的位置
scrollBy() 完全相同 控制滚动条滚动的距离可以累加
2,关于视口的尺寸
获取视口的宽度和高度
window.innerWidth window.innerHeight 不兼容IE8以及IE8以下
document.documentElement.clientHeight||document.body.clientWidth 兼容IE低版本
如果不兼容返回0
3,关于DOM获取元素
getElementById()
getElementsByClassName() IE8以及IE8以下不支持
getElementsByName()
getElementsByTagName()
querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。获取的元素不实时;;
在DOM树上获取节点
childNodes 获取指定元素下全部节点 兼容IE低版本
firstChild ... 第一个子节点 兼容IE低版本
lastChild ... 最后一个子节点 兼容IE低版本
nextSibling 下一个同级节点 兼容IE低版本
previousSibing 上一个同级节点 兼容IE低版本
parentNode ... 上一个父级节点 兼容IE低版本

在DOM树上获取节点元素
children 获取指定元素下全部节点 兼容IE低版本
parentElement IE8以及IE8以下不兼容
lastElementChild IE8以及IE8以下不兼容
firstElementChild IE8以及IE8以下不兼容
nextElementSibling IE8以及IE8以下不兼容
previousElementSibling IE8以及IE8以下不兼容

node的四个属性 兼容 IE8以及IE8以下
1,nodeName 返回节点的名字
2,nodeType 返回节点的属性 1 元素 3 文本 8 注释
3,nodeValue 用于访问文本和注释的value值 可改
4,attributes 获取文本的属性

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,548评论 1 11
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  •   DOM 1 级主要定义的是 HTML 和 XML 文档的底层结构。   DOM2 和 DOM3 级则在这个结构...
    霜天晓阅读 1,498评论 1 3
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,716评论 0 7
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,807评论 0 8