JavaScript程序的设计（第2版）04.Style对象.pptVIP

* * Style对象 本讲大纲： 1、style元素对象 2、style元素对象的样式标签属性和样式属性 内嵌样式是使用style标签属性直接为单个HTML元素应用的样式表(CSS)指派。而使用 style对象可以检查这些指派，并进行新的指派或更改已有的指派。要使用style对象，应该在元素对象上使用style关键字。要获得内嵌样式的当前设置，应该在style对象上使用对应的style对象的属性。 下面的将给定文档中的全部绝对定位的图像都放置在文档顶部，代码如下： style元素对象 SCRIPT var oImages = document. all.tags(IMG); if (oImages.length) { for (var iImg = 0; iImg oImages.length; iImg++) { var oImg = oImages(iImg); if (oImg.style.position == absolute){ oImg.style.top = 0; } } } /SCRIPT 1．检索样式表中的属性值 在Netscape 6.0以后的版本中，使用Style对象检索属性值。 style元素对象的样式标签属性和样式属性 document.getElementById(对象名称).style.属性 语法： 在IE浏览器中，使用Style对象检索属性值。 语法： document.all(对象名称).style.属性 2．样式标签属性和样式属性 在Style对象中，样式标签属性和样式属性基本上是相互对应的，两种属性的用法也基本相同，唯一的区别是样式标签属性是用于设置对象的属性值，而样式属性是用于检索或更改对象的属性值。也可以说，样式标签属性是静态属性；样式属性是动态属性。因此，在本节中将综合对样式标签属性和样式属性进行讲解。 例如，利用 style对象改变字体的大小，代码如下： HEAD STYLE BODY { background-color: white; color: black; } H1 { font: 8pt Arial bold; } P { font: 10pt Arial; text-indent: 0.5in; } A { text-decoration: none; color: blue; } /STYLE /HEAD BODY P id=pid改变字体大小/P SCRIPT pid.style.fontSize = 14; /SCRIPT /BODY style元素对象的常用样式标签属性和样式属性如表9-1所示。 表9-1 style元素对象的常用样式标签属性和样式属性 表9-1 style元素对象的常用样式标签属性和样式属性 （3）backgroundImage属性 backgroundImage属性用来设置或检索对象的背景图像。其对应的样式标签属性为background-image属性。 语法： background-image : none | url (url) none：无背景图。 url：使用绝对或相对地址指定背景图像。 （4）backgroundPosition属性 backgroundPosition属性用来设置或检索对象的背景图像位置。必须先指定background-image属性。其对应的样式标签属性为background-position属性。 语法： background-position : length || length background-position : position || position length ：百分数 | 由浮点数字和单位标识符组成的长度值。 position ：top | center | bottom | left | center | right （5）backgroundRepeat属性 backgroundRepeat属性用来设置或检索对象的背景图像是否及如何铺排。必须先指定对象的背景图像。其对应的样式标签属性为background-repeat属性。 语法： background-repeat : repeat | no-repeat | repeat-x | repeat-y rep