码迷,mamicode.com
首页 > Web开发 > 详细

《DOM Scripting》学习笔记-——第九章 CSS-DOM

时间:2016-11-23 23:21:45      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:www   javascrip   doc   xhtml   get   内容   w3c   字符   char   

本章内容:

一、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属性也是一个对象。

《DOM Scripting》学习笔记-——第九章 CSS-DOM

标签:www   javascrip   doc   xhtml   get   内容   w3c   字符   char   

原文地址:http://www.cnblogs.com/yangfang228/p/6095495.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!