本章内容:
一、style属性
二、如何检索样式信息
三、如何改变样式
属性:
包含位置信息:parentNode , nextSibling , previousSibling , childNodes , firstChild , lastChild
包含元素本身信息:nodeType,nodeName
包含元素样式信息:style
举例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html;
charset=utf-8" />
<title>Example</title>
<script type="text/javascript">
window.onload = function() {
var para = document.getElementById("example");
alert(typeof para.nodeName);
alert(typeof para.style);
}
</script>
</head>
<body>
<p id="example" style="color: grey; font-family:
? ‘Arial‘,sans-serif;">
An example of a paragraph
</p>
</body>
</html>
第一条alert语句返回字符串“string”,表明nodeName属性(p)是一个字符串
第二条alert语句将返回字符串“object”,表明style属性是一个对象。
所以说,不仅文档里的每个元素都是一个对象,他们的style属性也是一个对象。