从远程 XML 设置单元格高度 % 的样式元素

Question

我正在尝试使用我制作的相同 JS 例程，它读取远程 xml 并使用它来更改 html 样式元素。我那里有 80%，但现在已锁定。

我有一个表，我目前正在使用 JS 来定位远程 XML，然后获取标记元素并添加到各种单元格内容。这很好用。

http://jfi.net/mix

但我也想从同一个<data-percent> 标记中引导单元格高度 %s。

我在 td 中添加了一个 id，以允许进行 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>

在这种情况下，我尝试使用“数据百分比”值来添加或替换 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 为单位。

Answer 1

你好，你可以在你的 js 中使用 setAttribute 函数：

document.write(x[i].getElementsByTagName("color-name")[0].setAttribute('style','height:100%'));

或者

document.write(x[i].getElementsByTagName("color-name")[0].style.height = '100%';