Question

我需要一些JavaScript帮助。我创建了一个函数 divCreate ，我正在创建一个小表。然后我调用HTML页面上显示的那个函数。现在我有一些其他值，所以我调用另一个函数，我想在该表中实现并更改值5和Rs 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/

Answer 2

将5和Rs放在带有id的内容中，然后更改它。

示例：

$table += "<td class='qty'><span id='number'> 5 </span></td>";
$table += "<td class='rate'><span id='rs'> Rs 100/litre </span></td></tr></table>";

然后使用：

进行更改

var numberElement = document.getElementById('number');
numberElement.innerHTML = 'your value';

如何用JavaScript改变价值

2 个答案: