Question

我有一个包含一些文本的html文档，假设文档中的每一行都有一个单词，我想用包含该单词的文本框替换每个单词。有没有简单的方法（在JavaScript中）？一个实际的例子：假设我有一个html文档，其中包含一个包含我的成绩的表，并且有一个单元格包含平均值，我想用文本框替换每个等级然后让用户编辑成绩来计算新的平均

Answer 1

假设所有这些单词都在div中，这就是我用jQuery解决问题的方法（对不起，如果你正在寻找纯JS）

HTML

<div>These are all yours words. You want to split ALL of these to new textboxes</div>

的jQuery

var currentText = $("div").text();
var arrWords = currentText.split(" ");

$("div").empty();
var newHtml = "";

for (var i = 0; i < arrWords.length; i++) {
    newHtml += "<input type='text' value='" + arrWords[i] + "'/><br/>";
}

$("div").append(newHtml);

这是一个小提琴：http://jsfiddle.net/SeYqU/2/

Answer 2

此处jsfiddle，但你需要更好地解释一下

<div>this</div>
<div>word</div>
<div>or</div>
<div>that</div>
<div>word</div>

var divs = document.getElementsByTagName("div");

Array.prototype.forEach.call(divs, function(div) {
    var word = div.textContent,
        textArea = document.createElement("input");

    div.textContent = "";
    textArea.value = word;
    div.appendChild(textArea);
});

用文本框替换文本包含此文本

2 个答案: