javascript之DOM技术（二）

　　点击按钮时将三个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();