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

Question

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

Answer 1

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

Answer 2

假设所有这些词都在 a 中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/