`
codsoul
  • 浏览: 212093 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

扫描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>
分享到：
| (转)javascript获取当前页面url值及url ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Jquery针对tr td的一些实用操作方法(必看篇)

    这行代码的作用是选取id为dynamicTrOne的tr元素，然后移除其内部所有的子元素，即清空这个tr里面的所有td元素。 第二个知识点：创建td元素 在JQuery中创建新的td元素非常简单。首先需要声明两个变量，分别用于存放...

    jquery遍历table的tr获取td的值实现方法

    本文涉及到了多种jQuery选择器的使用，包括对元素的直接选择和通过父元素选择子元素。除了遍历表格数据，还展示了如何为元素绑定事件，例如点击事件。这些是jQuery中重要的知识点，它们提供了与用户交互和动态操作...

    jquery删除ID为sNews的tr元素的内容

    其中，“.remove()”方法属于删除操作，它的作用是将选中的DOM元素从文档对象模型（DOM）中移除，即删除了元素本身及其所有子元素。这里，我们通过调用 ".eq(JQID).remove()" 来删除ID为sNews的表格中的指定行。该...

    2021-2022计算机二级等级考试试题及答案No.17769.docx

    12. 程序中sort函数实现部分元素的排序，sort(aa+2, 5)表示对数组aa的第3至7个元素进行排序，所以输出结果是C，即1，2，7，6，5，4，3，8，9，10。 13. 像素个数不是显示器的重要技术指标，分辨率才是衡量显示器...

    JQuery实现可编辑的表格实例讲解（2）

    文档提到了通过点击“editTd”类元素时触发的事件处理函数，这个函数首先检查该单元格是否已经处于编辑状态（即单元格内是否有子元素“input”）。如果不是，那么该函数会创建一个新的input元素，并将原单元格的内容...

    js 操作table之 移动TR位置 兼容FF 跟 IE

    - `table_obj.childnodes`这一用法针对了获取TABLE下的所有子节点，包括TR和可能的其他元素，这展示了操作DOM树时可以采取的遍历方式。 - 对于TR位置移动的实现，代码中使用了某种未完全显示的逻辑，假设是将目标...

    西门子PLC编程手册（初高级）.pdf

    - **工具介绍**：介绍了工具条中包含的各种工具及其功能。 - **使用方法**：说明了如何利用这些工具提高工作效率。 - **快捷键** - **快捷键列表**：列出了在STEP 7-Micro/WIN中常用的快捷键组合。 - **应用...

    angularJS利用ng-repeat遍历二维数组的实例代码

    内层的td标签使用`ng-repeat="b in a track by $index"`来遍历子数组中的每个元素，`b`代表子数组中的每个元素。每一个单元格都通过双大括号{{b}}来展示数据，并且设置了样式。 在AngularJS中，通过这两种方法，...

    jquery实现自定义树形表格的方法【自定义树形结构table】

    在给定的代码片段中，我们看到存在一个`data`数组，这个数组中存储了待展示的数据，每一条数据都包含了一定的属性，比如`name`、`title`、`source_name`等，其中可能还包含子数据（`_child`属性）。树形表格的每一行...

    jquery 1.4.2发布！主要是性能与API

    文件中的示例演示了如何用一行代码替代以前多行的.live()方法来给表格的每个td元素绑定hover事件，这样既简化了代码，也提高了执行效率。 具体到代码层面，delegate()方法的用法如下： ```javascript $(container)....

    NTAS Professional 前台操作及维护手册.pdf

    - **元素信息视图**：显示地理视图中元素的具体信息。 - **地理图层控制**：管理地理图层的可见性。 - **增加无线参数、无线事件**：在地理视图中标记无线参数和事件。 - **删除无线参数、无线事件**：移除标记...

    网页制作应注意的几个事项

    这包括txt文本（用于存储文本信息）、scan扫描图片（如产品照片或插图）、psd设计原图（包含AI、Flash、Banner等元素的设计源文件），以及htm网页文件（网站的实际HTML代码）和htm_old*旧版备份（确保可以恢复早期...

    版式

    7. **表格**：`&lt;table&gt;`元素用于创建数据表格，`&lt;tr&gt;`表示行，`&lt;td&gt;`表示单元格，`&lt;th&gt;`表示表头。`&lt;caption&gt;`定义表格标题，`&lt;thead&gt;`、`&lt;tbody&gt;`和`&lt;tfoot&gt;`分别定义表头、主体和脚部。 8. **CSS与HTML的结合**：...

    cv

    1. **基础结构**：每个HTML页面都由`&lt;html&gt;`元素包含，其中`&lt;head&gt;`部分定义元数据，如字符编码和页面标题，而`&lt;body&gt;`部分包含实际的页面内容。 2. **标题和子标题**：使用`&lt;h1&gt;`至`&lt;h6&gt;`标签来设置不同级别的标题...

    网管教程 从入门到精通软件篇.txt

    　bootcfg /scan　扫描用于 Windows 安装的所有磁盘并显示结果。 　注意：这些结果被静态存储，并用于本次会话。如果在本次会话期间磁盘配置发生变化，为获得更新的扫描，必须先重新启动计算机，然后再次扫描磁盘。...

    JavaScript实现将xml转换成html table表格的方法

    具体实现上述过程的JavaScript函数`ConvertToTable(targetNode)`可参考下面的代码逻辑（注：实际代码中可能包含OCR扫描识别错误，需要开发者根据实际语境进行合理修正）： ```javascript function ConvertToTable...

    简历

    在这个名为“cv-master”的压缩包中，我们可以推测它可能包含了一个使用HTML编写的个人简历模板或代码库。下面我们将详细探讨HTML在制作简历中的应用以及相关知识点。 HTML简历的优势在于其灵活性和可定制性。通过...

Magicbox
Global site tag (gtag.js) - Google Analytics