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>
分享到:
相关推荐
这行代码的作用是选取id为dynamicTrOne的tr元素,然后移除其内部所有的子元素,即清空这个tr里面的所有td元素。 第二个知识点:创建td元素 在JQuery中创建新的td元素非常简单。首先需要声明两个变量,分别用于存放...
本文涉及到了多种jQuery选择器的使用,包括对元素的直接选择和通过父元素选择子元素。除了遍历表格数据,还展示了如何为元素绑定事件,例如点击事件。这些是jQuery中重要的知识点,它们提供了与用户交互和动态操作...
其中,“.remove()”方法属于删除操作,它的作用是将选中的DOM元素从文档对象模型(DOM)中移除,即删除了元素本身及其所有子元素。这里,我们通过调用 ".eq(JQID).remove()" 来删除ID为sNews的表格中的指定行。该...
12. 程序中sort函数实现部分元素的排序,sort(aa+2, 5)表示对数组aa的第3至7个元素进行排序,所以输出结果是C,即1,2,7,6,5,4,3,8,9,10。 13. 像素个数不是显示器的重要技术指标,分辨率才是衡量显示器...
文档提到了通过点击“editTd”类元素时触发的事件处理函数,这个函数首先检查该单元格是否已经处于编辑状态(即单元格内是否有子元素“input”)。如果不是,那么该函数会创建一个新的input元素,并将原单元格的内容...
- `table_obj.childnodes`这一用法针对了获取TABLE下的所有子节点,包括TR和可能的其他元素,这展示了操作DOM树时可以采取的遍历方式。 - 对于TR位置移动的实现,代码中使用了某种未完全显示的逻辑,假设是将目标...
- **工具介绍**:介绍了工具条中包含的各种工具及其功能。 - **使用方法**:说明了如何利用这些工具提高工作效率。 - **快捷键** - **快捷键列表**:列出了在STEP 7-Micro/WIN中常用的快捷键组合。 - **应用...
内层的td标签使用`ng-repeat="b in a track by $index"`来遍历子数组中的每个元素,`b`代表子数组中的每个元素。每一个单元格都通过双大括号{{b}}来展示数据,并且设置了样式。 在AngularJS中,通过这两种方法,...
在给定的代码片段中,我们看到存在一个`data`数组,这个数组中存储了待展示的数据,每一条数据都包含了一定的属性,比如`name`、`title`、`source_name`等,其中可能还包含子数据(`_child`属性)。树形表格的每一行...
- 抽象类可以包含具体的方法实现,而接口中只能包含抽象方法。 - C#中类只能继承一个抽象类,但可以实现多个接口。 - 抽象类可以包含字段、属性、事件等,而接口只能包含抽象方法声明。 #### 9. C#中using和new...
文件中的示例演示了如何用一行代码替代以前多行的.live()方法来给表格的每个td元素绑定hover事件,这样既简化了代码,也提高了执行效率。 具体到代码层面,delegate()方法的用法如下: ```javascript $(container)....
- **元素信息视图**:显示地理视图中元素的具体信息。 - **地理图层控制**:管理地理图层的可见性。 - **增加无线参数、无线事件**:在地理视图中标记无线参数和事件。 - **删除无线参数、无线事件**:移除标记...
这包括txt文本(用于存储文本信息)、scan扫描图片(如产品照片或插图)、psd设计原图(包含AI、Flash、Banner等元素的设计源文件),以及htm网页文件(网站的实际HTML代码)和htm_old*旧版备份(确保可以恢复早期...
7. **表格**:`<table>`元素用于创建数据表格,`<tr>`表示行,`<td>`表示单元格,`<th>`表示表头。`<caption>`定义表格标题,`<thead>`、`<tbody>`和`<tfoot>`分别定义表头、主体和脚部。 8. **CSS与HTML的结合**:...
1. **基础结构**:每个HTML页面都由`<html>`元素包含,其中`<head>`部分定义元数据,如字符编码和页面标题,而`<body>`部分包含实际的页面内容。 2. **标题和子标题**:使用`<h1>`至`<h6>`标签来设置不同级别的标题...
bootcfg /scan 扫描用于 Windows 安装的所有磁盘并显示结果。 注意:这些结果被静态存储,并用于本次会话。如果在本次会话期间磁盘配置发生变化,为获得更新的扫描,必须先重新启动计算机,然后再次扫描磁盘。...
具体实现上述过程的JavaScript函数`ConvertToTable(targetNode)`可参考下面的代码逻辑(注:实际代码中可能包含OCR扫描识别错误,需要开发者根据实际语境进行合理修正): ```javascript function ConvertToTable...
在这个名为“cv-master”的压缩包中,我们可以推测它可能包含了一个使用HTML编写的个人简历模板或代码库。下面我们将详细探讨HTML在制作简历中的应用以及相关知识点。 HTML简历的优势在于其灵活性和可定制性。通过...