Question

我已:

function edit(recRef)
{
var recID=recRef+ _what ;
var x=document.getElementById(recID);
var y=(x.innerHTML);
alert(y);
x.innerHTML="<INPUT type= text  value="+y+" />";
}

最初的计算指标是TD,在[例如“这一指示”]中作了说明。

在称号功能的末尾,INPUT tag型号在TD 标签内,但插号仅限第一字[例如,它显示的是“这一”而不是“这一指示”。

更令人感兴趣的是,如果在将INPUT tag的数值推高后,TD中的扼杀最初是空的,那就是一个单方的“/”。

这里正在发生什么?

Answer 1

而用的是:

var recID = recRef+ _what ;
var oRecord = document.getElementById(recID);
var sHTML = oRecord.innerHTML;
var oInput = document.createElement("input");
oInput.type = "text";
oInput.value = sHTML;
while (oRecord.childNodes.length > 0)
   oRecord.removeChild(oRecord.childNodes[0]);
oRecord.appendChild(oInput);

这将直接插入新的OM要素,而不是用字面的超文本。

Answer 2

页: 1

x.innerHTML="<INPUT type= text  value= "+y+"  />";

Answer 3

Built atophil s response, heres what a cross browser Solutions may consider such as

function edit(recRef) {
    var isIE/*@cc_on=1@*/;
    var el = document.getElementById(recRef);
    var input = document.createElement( isIE ? "<input type= text >" : "input" );
    input.setAttribute("value",el.innerHTML)
    el.replaceChild(input,el.childNodes[0]);
}

友情链接