javascript - 如何使用 JavaScript 更改值

Question

我需要一些 JavaScript 方面的帮助。我创建了一个函数 divCreate，我正在其中创建一个小表格。然后我调用显示在 HTML 页面上的函数。现在我有一些其他值，所以我正在调用另一个我想在该表中实现的函数，并更改 5 和 100 卢比/升的值，这样一些其他值不会发生在 .innerHTML 中.所有这些都需要用 JavaScript 来完成，而不是 jQuery。

---

function divCreate(node){   
    var div = document.createElement('div');
    var span = document.createElement('span');
    var img = document.createElement('img');
    var text = document.createTextNode('description');
    img.src = "";
    span.id = 'float-description';
    img.id = 'float-image';
    span.appendChild(text);
    div.appendChild(span);
    div.appendChild(img);
    $table = "<table id = 'resultTable' padding=0px; textAlign =left;><tr><td width=30px>" + "Qty" + "</td>";
    $table += "<td>" + "Rate" + "</td></tr>";
    $table += "<td class='qty'>" + "5" + "</td>";
    $table += "<td class='rate'>" + "Rs 100/litre " + "</td></tr></table>";
    div.innerHTML += $table;
    div.className = 'Desc';
    div.style.position = "absolute";
//    div.style.textAlign = "center";
//    div.style.visibility = "hidden";
    document.body.appendChild(div);
}

---

Answer 1

您需要 nodeValue 来更新文本节点。

function changeValue(selector, value){
   var ele = document.getElementsByClassName(selector)[0].childNodes[0];
   ele.nodeValue = value;
}

http://jsfiddle.net/e7nXn/5/