`

第十章 HDOM简介

    博客分类：
  • js
XHTMLHTMLXMLJavaScript 
阅读更多
目标：
了解什么是DOM？
DOM 定义了访问和操作HTML文档的标准方法。
访问：定位到HTML文档的某个地方。
操作：增册改某个HTML组件的内容。

什么是XHTML?
XHTML 是什么？
XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。
XHTML 的目标是取代 HTML。
XHTML 与 HTML 4.01 几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
XHTML 是作为一种 XML 应用被重新定义的 HTML。
XHTML 是一个 W3C 标准。

糟糕的 HTML 代码
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
</body>


XHTML的语法：
元素必须被正确地嵌套
在 HTML 中，某些元素可以像这样彼此不正确地嵌套：
<b><i>This text is bold and italic</b></i>
在 XHTML 中，所有的元素必须像这样彼此正确地嵌套：
<b><i>This text is bold and italic</i></b>

XHTML 元素必须被关闭
空标签也必须被关闭
空标签也必须使用结束标签，或者其开始标签必须使用/>结尾。
这是错误的：
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
这是正确的：
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML 元素必须小写
XHTML 规范定义：标签名和属性对大小写敏感。
这是错误的：
<BODY>
<P>This is a paragraph</P>
</BODY>
这是正确的：
<body>
<p>This is a paragraph</p>
</body>

XHTML 文档必须拥有一个根元素
所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下：
<html>
<head> ... </head>
<body> ... </body>
</html>

属性名称必须小写
这是错误的：
<table WIDTH="100%">
这是正确的：
<table width="100%">

属性值必须加引号
这是错误的：

<table width=100%>这是正确的：

<table width="100%">

属性不能简写
这是错误的：
<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>
这是正确的：
<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />




DOM的组成？
通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。
DOM 被分为不同的部分（核心、XML及HTML）和级别（DOM Level 1/2/3）：
Core DOM
定义了一套标准的针对任何结构化文档的对象
XML DOM
定义了一套标准的针对 XML 文档的对象，对节点对象增删，属性值的更改的一套解决方案

HTML DOM
定义了一套标准的针对 HTML 文档的对象，对HTML节点的属性值的一个更改，他不能增删节点，但是他可以通过节点的innerHTML这个属性，通过拼装字符串的方式来改更页面，生成动态效果。

DOM的基本应用。
怎么样查找并访问节点
getElementById() 和 getElementsByTagName()

getElementById():只能获取单个节点,如果有多个相同ID的节点的话,只能找到第一个.
getElementsByTagName()
获取相同标记名的所有节点的数组

document.getElementById
("td2").getElementsByTagName("p");
可以获取局部的一个相同节点的一个数组


分享到：
| 第九章 正则表达式
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics