当前位置:首页 > 开发 > Web前端 > 前端 > 正文

扫描td中的所有元素,包括所有的子元素

发表于: 2012-09-28   作者:codsoul   来源:转载   浏览:
td
摘要: function test(a){ var obj = getTd(a);//获取元素所在的td listChild(obj); //扫描 } //扫描obj中的所有元素,包括所有子元素 //_function function listChild(obj){ var childNodes = obj.children;
		
		function test(a){
			var obj = getTd(a);//获取元素所在的td
			listChild(obj);    //扫描
		}


		//扫描obj中的所有元素,包括所有子元素
		//_function
		function listChild(obj){
			var childNodes = obj.children;
			for (var i=0,j=childNodes.length ;i<j ;i++) {
				_operationChild(childNodes[i]);
				if (childNodes[i].children.length>0) {
					listChild(childNodes[i]);
				}
			}
		}
		//扫描obj元素时对元素的操作
		function _operationChild(child){
			alert(child.nodeName);
		}



		//获取对象所在的td
		function getTd(obj){
			while(obj.nodeName!="TD"){
				obj = obj.parentNode;
			}
			return obj;
		}




<body>
	<table>
	<tr>
		<td id="aaa">
			<div name="a">
				<div name="b">
					<input type="text" name="userName" />
					<input type="hedden" name="userId" />
				</div>
			</div>	

			<div name="c">
				<div name="d">
					<div name="e">
						 <input type="button" name="add(this)" value="TEST" onclick="test(this)" />  
					</div>
				</div>
			</div>
		</td>

	</tr>
	</table>
 </body>

扫描td中的所有元素,包括所有的子元素

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号