javascript - 将 x.innerHTML 设置为 INPUT chop 值字符串

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+" />";
}

原始的 recID 元素是一个带有字符串的 TD [例如“这个字符串”].

在调用编辑函数结束时，一个 INPUT 标签类型的文本位于 TD 标签内，但字符串被 chop 为仅第一个单词 [例如在示例中它显示“This”而不是“This string”]。

更有趣的是，如果调用 edit 后 TD 中的字符串最初为空，则 INPUT 标记上的值是单个正斜杠“/”。

这是怎么回事？

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);

这将直接插入新的 DOM 元素，而不是弄乱文字 HTML。