JavaScript 实现动态增加、删除表单域代码分析??????????????????

这些东东好像和操作XML差不多

是有就像不过，这个是老的javascript document对象有一些操作，不过这个很实用，我想学一学，找的资料都是．在document下子对象，可在javascript的子对象里也没有body这个对象呀，晕！！！！！
请大家帮忙！！！！！！！！！！！！！！！！！　有个东东要用到它！！！！！请大家快一回复！！！！！！！

item Method Internet Development Index --------------------------------------------------------------------------------Retrieves an object from the all collection or various other collections.SyntaxoItem = object.item(vIndex [, iSubindex])
ParametersvIndex Required. Integer or String that specifies the object or collection to retrieve. If this parameter is an integer, it is the zero-based index of the object. If this parameter is a string, all objects with matching name or id properties are retrieved, and a collection is returned if more than one match is made.
iSubindex Optional. Integer that specifies the zero-based index of the object to retrieve when a collection is returned. Return ValueReturns an object or a collection of objects if successful, or null otherwise.ResThe item method cannot retrieve input type=image elements from a form. To access all elements contained in a form, use the children collection.ExamplesThe following example uses the item method to retrieve each object from the document. In this case, the method parameter is a number, so the objects are retrieved in the order they appear in the document.SHOWExample<SCRIPT LANGUAGE="JScript">
var coll = document.all;
if (coll!=null) {
for (i=0; i<coll.length; i++)
alert(coll.item(i).tagName);
}
</SCRIPT>
The next example uses the item method to retrieve a collection of all objects in the document that have "Sample" as an ID. The example then uses item again to retrieve each object from the "Sample" collection.SHOWExample<SCRIPT LANGUAGE="JScript">
var coll = document.all.item("Sample");
If (coll != null) {
for (i=0; i<coll.length; i++) {
alert(coll.item(i).tagName);
}
}
</SCRIPT>
The last example is similar to the previous example, but uses the optional iSubindex parameter of item to retrieve individual objects.HideExample<SCRIPT LANGUAGE="JScript">
var coll = document.all.item("Sample")
if (coll!=null) {
for (i=0; i<coll.length; i++)
alert(document.all.item("Sample",i).tagName);
}
</SCRIPT>
Standards InformationThis method is defined in World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 . Applies ToboundElements
Platform Version
Win16: 5
Win32: 5
Windows CE: N/A
Unix: 5
Mac: 5
Version data is listed when the mouse hovers over a link, or the link has focus.
all, anchors, applets, areas, boundElements, cells, elements, embeds, forms, images, links, mimeTypes, options, plugins, rows, scripts, tBodies, FORM
Move the mouse pointer over an element in the Applies To list to display availability information for the listed platforms.

rows 获取来自于 table 对象的 tr (表格行)对象的集合。
cells 获取表格行或整个表格中所有单元格的集合。
innerHTML 设置或获取位于对象起始和结束标签内的 HTML。
innerText 设置或获取位于对象起始和结束标签内的文本。

谢谢您!
不过你没有说一说,那"document.body.children.item(0)"是什么意思呀.我找了找javascript的书.document对象里也没有这个"body"对象呀,还有那个"children"对象也没有呀,他们是javascript里的吗???

document.body.children 不是javascript 中的对象,是DHTML 对象,你的花好长时间学 DHTML ,才能游刃有余

谢谢您!
那我上那去学DHTML资料多一点呢,上面有位大哥给我了一个微软的ＭＳＤＮ上面都是英文,你说我是个养鸡的,有点怕英,能不能给个中文的.谢谢.

netscape不支持children, rows.item(i),毕竟现在firefox比较火,各位编写代码的时候最好还是考虑一下,children --> childNodes ; children.item(i) --> childNodes[i]
rows.item(i) -- > rows[i]

我想也是的,不过听了大家说的,可我了问题没解决呀???一下子又说到浏览器那去了,我现在不明白的是那些东西是javascript的,那些是dhtml的,那我在做这个东西应怎么做呀????????????????????????????????????????????????

我也想知道js和dhtml的关系到底室怎么样的
感觉有点乱!!

我就想读出一个表格里的一行,在下面动态的加上一行,在里面放个INPUT 输入框,在放一个可以删除对应添加的内容的删除按钮.就行了.??????可是我不知到怎样把有表格一行找到.Javascript怎么写呀,...上面的内容是什么意思大家说一说吗.不要说的太远了.

就是吗???,有什么东西是javascript的. 他写的document里也没有body这个对象, 可上面的代码是javascript 写的吗,可他又用到了.document.body,还有.children对象.

先了解一下DHTML和DOM的相关知识吧....
DOM提供了一套属性用于导航、访问和更新文档内容，其中包括只读类型的属性和可读写类型的属性。　　下表是只读类型的属性：
DOM对象属性返回值
FirstChild 返回一个对象（Object），表示第一个孩子节点（child node）。
LastChild 返回一个对象（Object），表示最后一个孩子节点（child node）。
NextSibling 返回一个对象（Object），表示下一个相邻的兄弟节点。
NodeName 返回节点对应的HTML标记。比如：P，Script。对应文本项节点，返回#text。
nodeType 返回节点的类型，1表示此节点是标记（tag），2表示属性（attribute），3表示文本项。
parentNode 返回一个对象（Object），表示当前节点的双亲节点（parent node）。
previousSibling 返回一个对象（Object），表示前一个相邻的兄弟节点。
specified 返回一个布尔型变量（Boolean），表示是否设置了属性值（attribute）。
　　下表是可读写类型的属性：
DOM对象属性返回值
data 返回一个字符串，表示文本项节点的值。如果是其他类型节点，返回undefined。
nodeValue 返回一个字符串，表示文本项节点的值。如果是其他类型节点，返回null。
　　下表是DOM中相关属性集合：
DOM对象属性返回值
attributes 表示节点的属性集合，通过id来访问，比如attributes.id。
childNodes 表示节点的孩子节点集合，通过数组索引方式访问，比如：childNodes[2]。###############################################################################
一个简单文档的DOM结构分析　　下面让我们来对一个简单的文档进行分析，最终形成它的DOM结构。要分析的文档包括3个段落，HTML代码如下：
　　<HTML>　　<HEAD>　　<TITLE> Simple DOM Demo </TITLE>　　</HEAD>　　<BODY ID="bodyNode"><P ID = "p1Node">This is paragraph 1.</P>　　This is the document body　　<P ID = "p2Node"> </P>　　<P ID = "p3Node"></P>　　</BODY>　　</HTML>　　请注意，从现在开始，我们就要按照Tree结构以及家族关系的方式来看待整个文档了。 <BODY>标记是Tree的根节点，它包含了4个孩子节点：p1Node、文本项节点（“This is the document body”）、p2Node和p3Node。每个孩子节点或者是一个HTML标记型节点，或者是一个文本项型节点。在一对开始标记和结束标记间的内容属于这个标记的孩子节点，比如“This is paragraph1”就是p1Node节点的孩子节点，同时它本身也是一个文本项型节点。文本项型节点必须包含一个非空字符，因此，第2段和第3段的孩子节点是不存在的。　　这里有上述HTML文档的DOM Tree图示，它能帮助我们更好地理解节点间的相互关系：
　　HTML中有一些标记不包含关闭括弧，这种情况下，我们可以将下一个紧挨者的标记作为关闭括弧对待。比如<LI>标记可以将紧挨者的<LI>或<UL>标记作为关闭标识。
　　简单文档的节点导航　　文档的DOM Tree结构为每个标记和文本项设置了一个节点，对于任一被分配了ID属性的节点，都可以作为起始点开始整个Tree的“攀登”。而且，借助DOM属性的强大功能，我们可以寻址到Tree中的每一个节点。
在继续讲述前，请再次看看上一节中的简单文档的HTML源代码以及它的DOM Tree结构图。我们可以得知：图中的箭头表示了可以到达Tree中其他节点的导航路线；<BODY>标记的ID属性值是bodyNode，3个<P>标记的ID属性值依次为p1Node、p2Node和p3Node。下面，我们分别从不同的节点开始，举例说明如何寻址到其他的节点：
起始节点到达节点寻址表达式
<BODY> p1Node bodyNode.firstChild 或bodyNode.childNodes[0]
p1Node的孩子节点 bodyNode.firstChild.firstChild
文本项节点 bodyNode.childNodes[1]
p3Node BodyNode.childNodes[3] 或bodyNode.lastChild
p1Node 文本项节点 p1Node.nextSibling
p2Node p1Node.nextSibling.nextSibling
p3Node p1Node.nextSibling.nextSibling.nextSibling
p3Node p1Node的孩子节点 p3Node.previousSibling.previousSibling.previousSibling.childNodes[0]
　　以上列举的都是从双亲（parent）到孩子或者孩子到孩子方向的寻址表达式，借助我们介绍另外一种导航方向：使用parentNode属性从孩子到双亲。比如：要从每一个<P>标记开始寻址到<BODY>标记，可以使用p1Node.parentNode、p2Node.parentNode或者 p3Node.parentNode。
　　为了加深对以上节点导航表达式的理解，我们编写了一段JavaScript代码，它将显示出文档DOM的每个节点的nodeName值。请注意，除了上面举例的简单文档中涉及到的节点外，还包含一个<Script>标记节点。为了不使问题复杂化，代码中不使用lastChild属性。代码如下：
<HTML><HEAD><TITLE> Simple DOM Demo </title><STYLE>TYPE="text/css"></STYLE></HEAD><BODY ID="bodyNode"><P ID = "p1Node">This is paragraph 1.</P>This is the document body<P ID = "p2Node"> </P><P ID = "p3Node"></P><SCRIPT LANGUAGE="JavaScript">alert("bodyNode.firstChild.nodeName = " + bodyNode.firstChild.nodeName + "\n" +"bodyNode.firstChild.data = " + bodyNode.firstChild.data + "\n" +"bodyNode.childNodes[0].nodeName = " + bodyNode.childNodes[0].nodeName + "\n" +"bodyNode.childNodes[1].nodeName = " + bodyNode.childNodes[1].nodeName + "\n" + "bodyNode.childNodes[1].data = " + bodyNode.childNodes[1].data + "\n" + "bodyNode.childNodes[3].nodeName = " + bodyNode.childNodes[3].nodeName + "\n" +"bodyNode.childNodes[4].nodeName = " + bodyNode.childNodes[4].nodeName + "\n" +"p1Node.nextSibling.nodeName = " + p1Node.nextSibling.nodeName + "\n" +"p1Node.nextSibling.nextSibling.nodeName = " + p1Node.nextSibling.nextSibling.nodeName + "\n" +"p1Node.nextSibling.nextSibling.nextSibling.nodeName = " + p1Node.nextSibling.nextSibling.nextSibling.nodeName+ "\n" +"p3Node.previousSibling.previousSibling.previousSibling.childNodes[0].nodeName = " + p3Node.previousSibling.previousSibling.previousSibling.childNodes[0].nodeName + "\n" +"p1Node.parentNode.nodeName = " + p1Node.parentNode.nodeName + "\n" + "p2Node.parentNode.nodeName = " + p2Node.parentNode.nodeName + "\n" +"p3Node.parentNode.nodeName = " + p3Node.parentNode.nodeName + "\n" + "bodyNode.firstChild.firstChild.parentNode.parentNode.nodeName = " +bodyNode.firstChild.firstChild.parentNode.parentNode.nodeName + "\n"　　);</SCRIPT></BODY></HTML>
　　执行后，结果图示如下：

谢谢您给我讲了有关Dhtml和DOM的东东
不过我还一个小小问题问一下.insertRow和insertCell 是方法是DHTML还是DOM中的,大概的找了一下.Dhtml的东西没有找有关的.insertRow方法和insertCell方法.

您说的我也看明白了. 不过"document.body.children.item(0).rows.item(3).cells.item"中的"children"也不DOM中的,我在javascript中也没有找到,还有在Dhtml到是找到了children这个集合内容.

我用php试一下楼主的例子，在提交的时候我怎么用php
取出表单域的内容呢？因为表单里面内容的名字都定好了！
我不可以用$_POST['tName']',帮帮忙，急用！

调试易

JavaScript 实现动态增加、删除表单域代码分析??????????????????

解决方案 »

JavaScript 实现动态增加、删除表单域 代码分析??????????????????

解决方案 »

JavaScript 实现动态增加、删除表单域代码分析??????????????????