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 对象返回属性节点。	5	1	9	Yes
getAttributeNodeNS()	以 Attribute 对象返回属性节点。	No		9	Yes
getElementsByTagName()	找到具有指定标签名的子孙元素。	5	1	9	Yes
getElementsByTagNameNS()	找到具有指定标签名和命名空间的元素。	No	1	9	Yes
getFeature(feature,version)	返回 DOM 对象，此对象可执行拥有指定特性和版本的专门的 API。			No	Yes
getUserData(key)	返回关联节点上键的对象。此对象必须首先通过使用相同的键来调用 setUserData 来设置到此节点。			No	Yes
hasAttribute()	返回元素是否拥有指定的属性。	5	1	9	Yes
hasAttributeNS()	返回元素是否拥有指定的属性。	No	1	9	Yes
hasAttributes()	返回元素是否拥有属性。	5	1	9	Yes
hasChildNodes()	返回元素是否拥有子节点。	5	1	9	Yes
insertBefore()	在已有的子节点之前插入一个新的子节点。	5	1	9	Yes
isDefaultNamespace(URI)	返回指定的命名空间 URI 是否为默认。			No	Yes
isEqualNode()	检查两节点是否相等。	No	No	No	Yes
isSameNode()	检查两节点是否为同一节点。	No	1	No	Yes
isSupported(feature,version)	返回指定的特性是否在此元素上得到支持。			9	Yes
lookupNamespaceURI()	返回匹配指定前缀的命名空间 URI。	No	1	No	Yes
lookupPrefix()	返回匹配指定的命名空间 URI 的前缀。	No	1	No	Yes
normalize()		5	1	9	Yes
removeAttribute()	删除指定的属性。	5	1	9	Yes
removeAttributeNS()	删除指定的属性。	No	1	9	Yes
removeAttributeNode()	删除指定的属性节点。	5	1	9	Yes
removeChild()	删除子节点。	5	1	9	Yes
replaceChild()	替换子节点。	5	1	9	Yes
setUserData(key,data,handler)	把对象关联到元素上的键。			No	Yes
setAttribute()	添加新属性。	5	1	9	Yes
setAttributeNS()	添加新属性。		1	9	Yes
setAttributeNode()	添加新的属性节点。	5	1	9	Yes
setAttributeNodeNS(attrnode)	添加新的属性节点。			9	Yes
setIdAttribute(name,isId)	如果 Attribute 对象 isId 属性为 true，那么此方法会把指定的属性声明为一个用户确定 ID 的属性（user-determined ID attribute）。			No	Yes
setIdAttributeNS(uri,name,isId)	如果 Attribute 对象 isId 属性为 true，那么此方法会把指定的属性声明为一个用户确定 ID 的属性（user-determined ID attribute）（带有命名空间）。			No	Yes
setIdAttributeNode(idAttr,isId)	如果 Attribute 对象 isId 属性为 true，那么此方法会把指定的属性声明为一个用户确定 ID 的属性（user-determined ID attribute）。			No	Yes

 

引用：http://www.w3school.com.cn/xmldom/dom_element.asp