                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

想加一个保存按键，把input删掉但把里面的文字填入单元格，哪位高手试一下？

可否用.value把input的值保存到一个变量a，然后删掉input标签，把单元格的内容变成a？

或是别的实现方法？

自己试了下并不行

InnerMadness

2017-01-17

源自：JavaScript进阶篇 9-22

关注问题我要回答

517

操作

收起

3 回答

慕斯8120211
2017-01-18

再添加一个子节点用来放读取的值，然后再删除带有input的子节点

0 回复有任何疑惑可以回复我~

收起回答

InnerMadness 提问者
2017-01-18

  
    function addrow(){ 
        var tbody = document.getElementById('table').lastChild;  
		var tr = document.createElement('tr');   
		var td1 = document.createElement("td");
		td1.innerHTML = "<input type='text' id='number'/>";
		tr.appendChild(td1);
		var td2 = document.createElement("td");	 
		td2.innerHTML = "<input type='text' id='namae'/>";
		tr.appendChild(td2);
		var td3 = document.createElement("td");	
		td3.innerHTML = "<a href='javascript:;' onclick='saverow(this)'>保存</a><br><a href='javascript:;' onclick='delrow(this)'>删除</a>";
		tr.appendChild(td3);   
		tbody.appendChild(tr);   
		highlight();
   	}
function saverow(x){
        var tbody = document.getElementById('table').lastChild;
        var tr =x.parentNode.parentNode;
        var number=document.getElementById('number').value;
        var namae=document.getElementById('namae').value;
        tr.firstChild.innerHTML=number;
        tr.childNodes[1].innerHTML=namae;
        tr.childNodes[2].innerHTML="<a href='javascript:;' onclick='delrow(this)'>删除</a>";
    }

我给addrow里面的前两个td里的input增加了id，第三个td增加了保存键。保存后同时删除原保存键