实际开发的时候,我们需要知道DOM元素是否发生了变化,或属性变化,或DOM节点的新增或删除,从IE9浏览器开始,浏览器启用了多种方法,可以监听DOM树的变化,本文就将结合实例详细聊聊其中的各种方法。
“JS API”目录存档
聊聊JS DOM变化的监听检测与应用
2019年08月30日,星期五JS URL()和URLSearchParams() API接口详细介绍
2019年08月26日,星期一过去我们对URL地址进行处理,需要自己进行字符串分析。现在浏览器已经有了内置的URLSearchParams()以及URL() API接口可以对URL进行各种处理。
checkValidity等form原生JS验证方法和属性详细介绍
2019年08月18日,星期日本文介绍form表单元素内置3个验证方法和1个属性,3个方法分别是checkValidity(), reportValidity(), setCustomValidity()方法,1个属性是validity属性。不了解的小伙伴可以进来了解一下。
还算有点用的scrollTo和scrollBy两个JS API
2019年07月27日,星期六本文介绍两个与滚动相关的新的API,scrollTo和scrollBy,知识整理下来一看,还算有点用。
HTML audio基础API完全使用指南
2019年07月7日,星期日音视频播放暂停控制,播放时长获取,播放速率,以及检测什么时候播放结束,当前媒体资源是否处于暂停状态等,都在本文有所介绍,本文就是audio/video元素各类基础API完全介绍,总能找到你需要的东西。
DOMParser和XMLSerializer两个API简介
2019年06月23日,星期日本文介绍两个DOM API,DOMParser和XMLSerializer,一个是HTML字符串解析成DOM tree,另外一个是把DOM tree序列化成字符串,正好功能相反,有兴趣可以了解下。
DOM小测28期 – DOM节点文档前后位置判断
2019年03月2日,星期六本题主要考察如何判断DOM节点文档前后位置,父子关系等。我看了下最后的回答,近9成的回答使用了非常啰嗦的方法,比例之高,实在出乎意料。实际上,本题答案只需寥寥数行,因为有原生的API,contains()
可以判断节点是否有包含关系;compareDocumentPosition()
可以判定任意位置关系。
深入Node.compareDocumentPosition API
2019年03月2日,星期六Node.compareDocumentPosition()方法可以用来对比两个HTML节点在文档中的位置关系,包括前后,父子,自身以及跨文档。不仅是DOM节点,文本节点,注释节点甚至属性节点的位置关系都可以判定,很强。
使用document.scrollingElement控制窗体滚动高度
2019年02月22日,星期五介绍一个更加兼容、更加标准的设置窗体滚动高度的方法,那就是document.scrollingElement,兼容性足矣在实际项目中应用。JS基础API,人人必须了解的特性,学到就是赚到。
DOM基础小测27期答疑文字版-窗体滚动二三事
2019年01月26日,星期六本次小测借一个简单案例跟大家讲讲CSSOM视图模式(CSSOM View Module)相关的一些API及其特性,适用场景等,总结出一些最佳实践,明确一些技术细节,让技术更加精纯。