Мне нужна помощь с 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);
}
Вам нужно nodeValue для обновления текстовых узлов.
function changeValue(selector, value){
var ele = document.getElementsByClassName(selector)[0].childNodes[0];
ele.nodeValue = value;
}
поставьте 5 и Rs внутри a с 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';