日期:2014-05-16  浏览次数:20322 次

javascript 通过children 获取表格内部的标签内容

通过children[n]、childNodes[n]来获取表格内的标签值

?

?

<div id="tupian"><table cellpadding="0" cellspacing="1" border="0" width="100%" id="table1">
<tr operTab(this)>
<td>

&nbsp;

? <label text="hello yang!" />

? <input type="hidden" value="123" />

</td>
</tr>
</table>

?

function operTab(obj)

{
??? ??? ???
??? ??? ?
??? ?????? var id = obj.cells(0).innerText; //获取td内的内容

?

?

??????????? //获取隐藏域内的value??? children和childNodes区别:children只取HTML,
??????????? //childNodes取HTML和包含文本innerHTML; ????????
??? ?????? var ids = obj.cells(0).children[1].value;

? ? ? ? ?? // 跟上面children功能相同,获取隐藏域标签内的值

?????????? var id1 = obj.cells(0).childNodes[3]。value;??

??????????? var nodename= obj.cells(0).childNodes[3].nodeName; ?? ??????????
??? ??? ??? alert(id);
??? ??? ??? alert(ids);

??????????? alert(id1);

}

?

Element 对象的属性

属性 描述 IE F O W3C
attributes 返回元素的属性的 NamedNodeMap 5 1 9 Yes
baseURI 返回元素的绝对基准 URI No 1 No Yes
childNodes 返回元素的子节点的 NodeList 5 1 9 Yes
firstChild 返回元素的首个子节点 5 1 9 Yes
lastChild 返回元素的最后一个子节点 5 1 9 Yes
localName 返回元素名称的本地部分 No 1 9 Yes
namespaceURI 返回元素的命名空间 URI No 1 9 Yes
nextSibling 返回元素之后紧跟的节点 5 1 9 Yes
nodeName 返回节点的名称,依据其类型。 5 1 9 Yes
nodeType 返回节点的类型 5 1 9 Yes
ownerDocument 返回元素所属的根元素 (document 对象) 5 1 9 Yes
parentNode 返回元素的父节点 5 1 9 Yes
prefix 设置或返回元素的命名空间前缀 No 1 9 Yes
previousSibling 返回元素之前紧随的节点 5 1 9 Yes
schemaTypeInfo 返回与元素相关联的类型信息 ? ? No Yes
tagName 返回元素的名称 5 1 9 Yes
textContent 设置或返回元素及其后代的文本内容 No 1 No Yes
text 返回节点及其后代的文本 (IE-only) 5 No No No
xml 返回节点及其后代的 XML (IE-only) 5 No No No

Element 对象的方法

方法 描述 IE F O W3C
appendChild() 向节点的子节点列表末尾添加新的子节点。 5 1 9 Yes
cloneNode() 克隆节点。 5 1 9 Yes
compareDocumentPosition() 比较两节点的文档位置。 No 1 No Yes
dispatchEvent() 给节点分派一个合成事件。 No 1 9 Yes
getAttribute() 返回属性的值。 5 1 9 Yes
getAttributeNS() 返回属性的值。 No 1 9 Yes
getAttributeNode() 以 Attribute 对