JavaScript的DOM和原型链的了解

DOM通常分为三类:DOM Core(核心),HTML-DOM和CSS-DOM.
DOM是以树状结构组织的HTML文档,那么,它是怎样规定的呢?
(1).整个文档是一个文档节点.
(2).每个HTML标签是一个元素节点.
(3).包含在HTML元素中的文本是文本节点.
(4).每个HTML属性和是一个属性节点.
(5).注释属于注释节点.
那么各个节点之间的关系是怎样的呢?
在节点树中,顶部节点被称为根(root),如节点.
每个节点都有父节点,除了根(它没有父节点).
一个节点可以拥有任意数量的子节点.
同胞(又叫兄弟节点)节点是拥有相同父节点的节点.
那么如何访问节点呢?
可以用getElementByid(),getElementByname()和getElementByTagname()这三种方法.
 节点是DOM层次结构在任何类型的对象的通用名称,每个节点都包含着关于节点的某些信息的属性.
在Core DOM中访问和设置节点树性质的标准方法是getAttribute()和setAttribute().
创建和增加节点的方法是insertBefore(),appendChild(),createEloement()和cloneNode,
删除和替换节点的方法是removeChild()和replaceChild()
JavaScript中有两种方式可以动态改变样式的属性,一种是使用样式的style属性,另一种是使用样式的className属性.
Style是一个对象,可以通过应用样式的文档或元素访问style对象.
使用currentStyle对象在IE浏览器中获取样式中的属性值,DOM提供了getComputedStyle()方法获取样式中的属性值
ClassName属性可以是猪或返回元素的clsaa样式.

对象分为自定义对象和内置对象.
自定义对象的的语法:var 函数名称=new Object();
内置对象是一种特殊的数据,常见的内置对象如下:
String(字符串)对象
Date(日期)对象
Array(数组)对象
Boolean(逻辑)对象
Math(算数)对象
RegExp对象
构造函数可以用来创建特定类型的对象.
缺点:构造函数虽好,但使用构造函数的主要问题就是每个方法都要在每个实例上重新创建一遍.
在JavaScript中创建的每个函数都有一个prototype属性,这个属性是一个指针,指向一个对象,这个对象的作用就是包含可以由特定类型的所有实例共享的属性和方法,而prototype就是通过调用构造函数而创建的那个对象实力的原型对象.
原型对象的好处就是:可以让所有对象实力共享它所有的属性和方法.
什么是原型链?
原型链就是每个函数都有一个原型对象,每个原型对象都包含一个止痒构造函数的指针,实例都包含一个指向原型对象的内部指针,这种构成实例和原型的链条,就是原型链.
原型链是实现继承的主要方法.
借用构造函数就是子类型构造函数的内部通过qpply()或call()方法调用父类型的构造函数.

你可能感兴趣的:(JavaScript)