从远程XML设置了单元高％的样式元素

Question

我正在尝试使用我制作的与JS例程相同的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>

在这种情况下，我正在尝试使用"数据度"值，以添加或替换样式="高度：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文件将始终确保该表的所有Color Element的％总额高达100。桌子为英寸。(对于打印非常重要(，但单元高为％s。

Answer 1

您好，您可以在JS中使用函数intattribute：

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

或

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