摘要:
事件对象在触发DOM上某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。DOM中的事件对象兼容DOM的浏览器会将event对象传入到事件处理程序中,无论指定事件处理程序时使用什么方法(DOM0级或DOM2级)btn.addEventListener("click",fu... 阅读全文
摘要:
DOM0级事件处理程序就是将一个函数赋值给一个事件处理程序属性,具有简单、跨浏览器优势,首先必须取得一个操作对象的引用,每个元素(包括window和document)都有自己的事件处理程序属性,这些属性通常全部小写var btn=document.getElementById("myBtn");bt... 阅读全文
摘要:
第13章 事件JavaScript与HTML之间的交互式通过事件来实现的。事件流事件流描述的是从页面中接收事件的顺序,IE和Netscape提出了完全相反的事件流概念,IE是事件冒泡流,Netscape是事件捕获流事件冒泡click一个元素,click事件沿DOM树向上传播,在每一级节点都会发生,直... 阅读全文
摘要:
比较DOM范围在有多个范围的情况下,可以使用compareBoundaryPoints()方法来确认这些范围是否有公共的边界,接收两个参数:表示比较方式的常量值和要比较的范围常量如下Range.START_TO_START(0):比较第一个范围和第二个范围的起点;Range.START_TO_END... 阅读全文
摘要:
用DOM范围实现简单选择selectNode()和selectNodeContents()它们都接收一个DOM节点参数,然后使用该节点中的信息来填充范围,其中selectNode()方法选择整个节点,包括其子节点;而selectNodeContents()方法只选择节点的子节点var range1=... 阅读全文
摘要:
TreeWalkerTreeWalker是NodeIterator的更高级的版本,除了包括nextNode()和previousNode()在内的相同功能外,这个类型还提供了用于不同方向上遍历DOM结构的方法parentNode():遍历到当前节点的父节点firstChild():遍历到当前节点的第... 阅读全文
摘要:
遍历“DOM2级遍历和范围”模块定义了两个用于辅助完成顺序遍历DOM结构的类型:NodeIterator和TreeWalker,两个类型能够基于给定的起点对DOM结构执行深度优先(depth-first)的遍历操作,与DOM兼容的浏览器都可以访问到这些类型的对象,IE不支持DOM遍历使用以下代码检测... 阅读全文
摘要:
元素大小偏移量offsetHeight:元素在垂直空间上占用的大小,以像素计。包括元素的高度、(可见的)水平滚动条的高度、上边框高度和下边框高度。offsetWidth:元素在水平空间上占用的大小,以像素计。包括元素的宽度、(可见的)垂直滚动条的宽度、左边框宽度和右边框宽度。offsetLeft:元... 阅读全文
摘要:
操作样式表CSSStyleSheet类型表示的是样式表包括通过元素包含的样式表和在元素中定义的样式表,前面提到过这两个元素本身分别是由HTMLLinkElement和HTMLStyleElement类型表示的,但CSSStyleSheet类型相对来说更加通用一些,而不管这些样式表在HTML中如何定义... 阅读全文
摘要:
样式在HTML中定义样式的方式有3种:通过元素包含外部样式表文件、使用元素定义嵌入式样式,以及使用style特性定义针对特定元素的样式,“DOM2级样式”模块围绕这3种应用样式的机制提供了一套API,要确定浏览器是否支持DOM2级定义的css能力var supportsDOM2CSS=documen... 阅读全文