javascript之DOM技术（二）

核心提示： 点击按钮时将三个div的背景色都设置为蓝色，5.最终样式：顾名思义，javascript之DOM技术（二）(3)，就是样式规则（外部定义和内联的）综合计算之后呈现给用户的样式信息，用来告诉我们元素最终是如何显示在屏幕上的，范围叫选区也许更为恰当，range用来选择文档的某个部分而不管节点的

点击按钮时将三个div的背景色都设置为蓝色。

5.最终样式：顾名思义，就是样式规则（外部定义和内联的）综合计算之后呈现给用户的样式信息，用来告诉我们元素最终是如何显示在屏幕上的。IE和标准的DOM也有区别：

（1）IE中的最终样式称为currentStyle对象，与style对象不同的是它是只读的，你只能读而不能给它赋值。

（2）DOM中的最终样式，通过document.defaultView.getComputedStyle(元素对象,伪元素对象或者null)方法获得

二。innerHTML和innerText

很常用的功能，特别是在AJAX应用中，经常采用的手段是从服务端返回一小段HTML代码，通过innerHTML嵌入某个层当中来动态显示下拉框等。一个比较常见的用法：

oDiv.innertText=oDiv.innerText;

表示从指定元素中删除所有的HTML标签。

三。outerText和outerHTML

与innerHTML和innerText，不过替换的是整个目标节点，仅在IE和opera中支持此特性

四。范围

叫选区也许更为恰当，range用来选择文档的某个部分而不管节点的边界。也有两种的范围实现：DOM和IE的

1.DOM的range

（1）在DOM中创建选区的方法：

var supportDOMRange=document.implementation.hasFeature("Range","2.0");

if(supportDOMRange)

var oRange=document.createRange();

先判断是否支持DOM，然后使用createRange()方法创建范围

（2）简单选区

考虑下面的代码：

<p id="p1"><b>hello</b>world</p>

我们通过下面的JS代码来访问上面这段代码：

var oRange1=document.createRange();

var oRange2=document.createRange();