Я пытаюсь использовать ту же самую процедуру JS, которую я сделал, которая читает удаленный xml и также использует это для изменения элемента стиля html. У меня там 80%, но сейчас заперто.
У меня есть таблица, в которой в настоящее время я использую JS для определения местоположения удаленного XML, затем получаю элементы тегов и добавляю в различное содержимое ячейки. Это работает очень хорошо.
http://jfi.net/mix
Но я также хочу указать высоту ячейки% s из того же тега <data-percent>.
Я добавил идентификатор в td, чтобы разрешить операцию get, но я просто не могу заполнить стиль элементов в html, используя захваченный процент данных, даже подумав, что он хорошо работает для текста.
Я продолжаю бить стену, и, конечно, мне не хватает чего-то простого.
<tr class="tablerow text-center">
<td id="height05" style="height:6%;width:100%;border:1px solid #000;background-color:rgb(0,0,0);font-size:12px;color:#fff">
<script>
var xmlhttp = getXmlHttp();
xmlhttp.open("GET","recipe-01.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
var x=xmlDoc.getElementsByTagName("paint05");
for (i=0;i<x.length;i++)
{
document.write(x[i].getElementsByTagName("color-name")[0].childNodes[0].nodeValue);
document.write(" ");
document.write(x[i].getElementsByTagName("data-percent")[0].childNodes[0].nodeValue);
document.write("%");
}
</script>
</td>
</tr>
В этом случае я пытаюсь использовать значение data-процент, чтобы добавить или заменить style = "height: 6%"
<td id="height05" style="(NEED DATA PERCENT HERE);width:100%;border:1px solid #000;background-color:rgb(0,0,0);font-size:12px;color:#fff">
XML-файл всегда гарантирует, что для всех элементов цвета в% будет добавлено до 100 для таблицы. Стол в ДЮЙМАХ. (очень важно для печати), но высота ячеек указана в% s.