Last modified 2 weeks ago
| Table | Field |
|---|---|
| My table | my field |
Una pruebita
DOM是一组用来描述脚本怎样与结构化文档进行交互和访问的Web标准。
DOM不是javascript,DOM不是DHTML,它是一个标准。
代码:
<html> <head> <title>HTML DOM</title> </head> <body> <h1>DOM的结构</h1> <p><a href="href">链接</a></p> </body> </html>
表示为DOM结构就如下图:
2.DOM中的层次
DOM中最基础的节点为Node。
| 节点种类 | 解释 | 产生方式 |
| Element | 表示起始标签和结束标签之间的内容,例如<tag></tab>或者<tag/>。这是唯一可以同时包含特性和子节点的节点类型。 | document.createElement(tagName) |
| Attr | 代表一对特性名和特性值。这个节点类型不能包含子节点。 | document.createAttribute(name) |
| Text | 代表XML文档中的在起始标签和结束标签之间,或者CDataSection内包含的普通文本。这个节点类型不能包含子节点。 | document.createTextNode(text) |
| Comment | 代表XML注释。这个节点不能包含子节点。 | document.createComment(text) |
| Document | 最顶层的节点,所有的其他节点都是附属于它的 | 一直存在 |
| DocumentFragment? | 可以像Document一样来保存其他节点。 | document.createDocumentFragment() |
| DocumentType? | DTD引用(使用<!DOCTYPE>语法)的对象表现形式,它不能包含子节点。 | ? |
| CDataSection | <![CDATA[]]>的对象表现形式。这个节点类型仅能包含文本节点Text作为子节点。 | document.createCDataSection(data) |
| Entity | 表示在DTD中的一个实体定义,例如<!ENTITY foo"foo">。这个节点类型不能包含子节点。 | ? |
| EntityReference? | 代表一个实体引用,例如"。这个节点类型不能包含子节点。 | document.createEntityReference(name) |
| ProcessingInstruction? | 目标的名称。 | document.createProcessingInstruction(target,data) |
| Notation | 代表在DTD中定义的记号。这个很少用到。 | ? |
3.常用对象及方法
核心对象Document
1.它能创建其它节点的工作
各种个样的document.createXXX()方法
2.查找Element对象,主要用到两个方法
document.getElementById(id);
document.getElementsByTagName(tagName);
常用方法:
createElement()、createTextNode()、appendChild()
<html>
<head>
<title>createElement() Example</title>
<script type="text/javascript">
function createMessage() {
var oP = document.createElement("p");
var oText = document.createTextNode("Hello World!");
oP.appendChild(oText);
document.body.appendChild(oP);
}
</script>
</head>
<body onload="createMessage()">
</body>
</html>
removeChild()、replaceChild()、insertBefore()
删除节点
<html>
<head>
<title>removeChild() Example</title>
<script type="text/javascript">
function removeMessage() {
var oP = document.body.getElementsByTagName("p")[0];
oP.parentNode.removeChild(oP);
}
</script>
</head>
<body onload="removeMessage()">
<p>Hello World!</p>
</body>
</html>
替换
<html>
<head>
<title>replaceChild() Example</title>
<script type="text/javascript">
function replaceMessage() {
var oNewP = document.createElement("p");
var oText = document.createTextNode("Hello Universe!");
oNewP.appendChild(oText);
var oOldP = document.body.getElementsByTagName("p")[0];
oOldP.parentNode.replaceChild(oNewP, oOldP);
}
</script>
</head>
<body onload="replaceMessage()">
<p>Hello World!</p>
</body>
</html>
新文本添加到旧文本之前
<html>
<head>
<title>insertBefore() Example</title>
<script type="text/javascript">
function insertMessage() {
var oNewP = document.createElement("p");
var oText = document.createTextNode("Hello Universe!");
oNewP.appendChild(oText);
var oOldP = document.getElementsByTagName("p")[0];
document.body.insertBefore(oNewP, oOldP);
}
</script>
</head>
<body onload="insertMessage()">
<p>Hello World!</p>
</body>
</html>
- one
- two
- three
- four
- five
- six
- seven
- eight
- nine
- ten
- eleven
- twelve
- thirteen
- fourteen
- fifteen
- sixteen
- seventeen
- eithteen
- nineteen
- twenty
- twenty one
- twenty two
- 二十三
Attachments
- test.txt (4 bytes) - added by anonymous 5 years ago.
-
error.txt
(157 bytes) -
added by anonymous 5 years ago.
test1
-
space in filename.txt
(21 bytes) -
added by dserodio@… 4 years ago.
Attachment with a space in its name
-
green.gif
(262 bytes) -
added by anonymous 4 years ago.
Test File
- SimpleText.txt (16 bytes) - added by anonymous 4 years ago.
- svn.jpg (12.9 KB) - added by anonymous 4 years ago.
-
HowToUploadAnImage.jpg
(27.8 KB) -
added by anonymous 4 years ago.
Does it work?
- biggrin.gif (668 bytes) - added by anonymous 4 years ago.
- test.2.txt (12 bytes) - added by anonymous 4 years ago.
- admin_dft.gif (254 bytes) - added by anonymous 4 years ago.
- mein_datei2.2.txt (17 bytes) - added by anonymous 4 years ago.
- 1.png (6.6 KB) - added by anonymous 3 years ago.
- meBnW.jpg (66.5 KB) - added by anonymous 3 years ago.
-
WSWebSite.log
(28.2 KB) -
added by Theresa 3 years ago.
a log
- gnash-dbg.log (59 bytes) - added by anonymous 3 years ago.
- eclipse (27.0 KB) - added by anonymous 3 years ago.
- New Text Document.txt (13 bytes) - added by anonymous 3 years ago.
- shapes-rect-01-t.svg (4.9 KB) - added by anonymous 3 years ago.
- Bluehound.gif (1.9 KB) - added by anonymous 2 years ago.
- cacert.der (854 bytes) - added by anonymous 2 years ago.
- test.3.txt (49 bytes) - added by anonymous 2 years ago.
- Patient-1.JPG (88.4 KB) - added by smuneer 2 years ago.
-
test.py
(78 bytes) -
added by xuel 2 years ago.
just have a try :)
-
temp.txt
(5 bytes) -
added by anonymous 2 years ago.
this is a test file
- distutils.patch (1.1 KB) - added by anonymous 2 years ago.
-
NetRS Reciever Status.png
(82.0 KB) -
added by anonymous 22 months ago.
NetRS Receiver Status page
- sample_attachment.txt (34 bytes) - added by anonymous 21 months ago.
- test.jpg (8.7 KB) - added by anonymous 21 months ago.
- dom_tree.jpg (37.7 KB) - added by zhouyuanzheng <flulover@…> 17 months ago.
- ClassDiagram.png (31.0 KB) - added by zhouyuanzheng <flulover@…> 17 months ago.
- trac_logo.png (5.5 KB) - added by anonymous 16 months ago.
- dosbox.conf (7.0 KB) - added by anonymous 15 months ago.
-
Test.docx
(9.7 KB) -
added by tone.zagar@… 12 months ago.
test docx




