利用父子级来修改数据：previousSibling，parentNode，nextSibling

最新推荐文章于 2022-03-02 02:20:55 发布

weixin_30873847

最新推荐文章于 2022-03-02 02:20:55 发布

阅读量304

点赞数

原文链接：http://www.cnblogs.com/wang-liang/p/6748114.html

版权

function adit(obj) {
//var demoA = document.getElementById("operation");
var demoA = obj;
var a = demoA.parentNode.previousSibling;//这个parentNode找到的是<td>标签的同一级父级点，

　　　　　　　　　　　　　　　　　　　　　　//也就是其他两个<td>加空白，

　　　　　　　　　　　　　　　　　　　　　　//previousSibling（这个是向上找同一父级点的子节点）
while(a != null) {
if(a.nodeType == 1) {
a.innerHTML = '<input type="text" value="'+a.innerText+'">';
}
a = a.previousSibling;
}
demoA.parentNode.innerHTML = '<a href="#" οnclick="save(this)" id="operation">save</a>';
}

//参数：输入所有的节点包括空白

//返回值：找到下一节点不是空白的节点
function getFirstChild(dom,nodeType) {
nodeType = nodeType || 1;//默认如果不输入nodeType，则nodeType值为1；也就是不是空白节点；
var x = dom.firstChild;
while(x.nodeType != nodeType) {
x = x.nextSibling;//找x的下一个节点
}
return x;
}

<html>

<head>