모든 하위 요소를 포함하여 td의 모든 요소를 스캔합니다

1533 단어 td

		
		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>

좋은 웹페이지 즐겨찾기