DOM
文章平均质量分 62
BorisHuai
Web前端工程师,Augmentum。
展开
-
tagName和nodeName的区别
首先介绍DOM里的三种节点类型:元素节点,属性节点以及文本节点,例如head,其中h2是元素节点,class是属性节点,head是文本节点,在这里你可以说h2这个元素节点包含一个属性节点和一个文本节点。其实几乎所有HTML的标签都是元素节点,而id, title, class等则是属性节点,而元素所包含的文本内容则是文本节点。tagName和nodeName的语义是一样的,都是返回所包含标签的名称,例如上面的h2标签,都是返回h2,但是tagName只能在元素标签上使用,而nodeName则可以在所有的节点原创 2010-07-07 17:49:00 · 13107 阅读 · 0 评论 -
HTML DOM架构研究
W3C的DOM有2个版本:核心DOM和HTML DOM。核心DOM是一个语言独立和模块独立的API,它能够在任何语言中实现,而不仅仅是在JavaScript中实现,例如JAVA DOM实现,XML DOM实现等。HTML DOM是网页的面向对象的层次式的视图,其中的对象映射了不同的HTML元素,例如HTMLParagraphElement代表了p标签。其实所谓的DOM就是W3C定义的一套接口(interface),每个接口定义了一些属性和方法,具体实现由浏览器实现。而HTML DOM其实就是继承了核心DOM原创 2010-07-08 16:07:00 · 1526 阅读 · 1 评论 -
JavaScript中的this详解
在JavaScript中,this用于存取与函数相关联的对象,在JAVA和C++等面向对象的语言里,this变量指向对象的当前实例,而在JavaScript里稍微有点区别:this所引用的对象被存为函数上下文,它不是由如何声明函数,而是由如何调用函数来决定的。下面我们分几种情况来讨论this是如何指向的。1,普通的全局函数调用,看如下代码:function hello() { this原创 2010-07-09 18:13:00 · 1167 阅读 · 1 评论 -
Web页面Repaint和Reflow
1. Repaintrepaint(重绘)是在一个元素的外观被改变,但没有改变布局的情况下发生,如改变visibility、outline、前景色。当repaint发生时,浏览器会验证DOM树上的所有其它结点的visibility属性。2. Reflow如果变化涉及元素布局 (如 width), 浏览器则抛弃原有属性, 重新计算并把结果传递给 render 以重新描绘页面元素, 此过程原创 2013-03-14 10:41:02 · 3124 阅读 · 0 评论 -
HTML中的attribute和property的区别
DOM有三种节点类型:元素节点、属性节点、文本节点,HTML里的attribute其实就是指属性节点,举个例子:在Head里,h1是元素节点,id="title"是属性节点,Head是文本节点,在这里可以理解为h1这个元素节点包含一个属性节点和一个文本节点。读写attribute的方法是getAttribute(), setAttribute(), 例如获取id这个属性的值:var tem1 = document.getElementById("title"); var idValue = tem1.get原创 2010-07-07 15:00:00 · 4764 阅读 · 2 评论