检查子元素并更改网页中的颜色 [英] check element child and change color in webpage

问题描述

亲爱的所有人

请问我一个问题

我有一个代码可以读取xml文件来制作新的股票行情带，并且我想检查元素是否大于零，更改股票行情中的颜色

如果可以的话，请帮助我


代码是

dear All

kindly i have a qustion

i have a code to read an xml file to make new ticker tape and i want to check element if more than zero, change the color in ticker

please help me if you can


and the code is

<DIV ID="TICKER" STYLE="overflow:hidden" onmouseover="TICKER_PAUSED=true" onmouseout="TICKER_PAUSED=false" class="aligncenter"/>
<script language="javascript">
var ajxObj;
if (window.XMLHttpRequest) {
ajxObj = new XMLHttpRequest();
} else {
ajxObj = new ActiveXObject('Microsoft.XMLHTTP');
}
ajxObj.open('GET', 'OutputXML.xml', false);
ajxObj.send();

var myXml = ajxObj.responseXML;
prs = myXml.getElementsByTagName("Table4")
for (i = 0; i < prs.length ; i++) {

document.write(prs[i].getElementsByTagName('ticker')[0].childNodes[0].nodeValue);

document.write('>>');
document.write(prs[i].getElementsByTagName('comp_current_price')[0].childNodes[0].nodeValue);
document.write(' % ');
document.write(prs[i].getElementsByTagName('change_perc')[0].childNodes[0].nodeValue);
document.write('..........');
}
</script>
</div>

推荐答案

我已经对可以使用的颜色进行了硬编码.

I have hardcoded the colors you can use class.

<DIV>

<script language="javascript">
var ajxObj;
if (window.XMLHttpRequest) {
ajxObj = new XMLHttpRequest();
} else {
ajxObj = new ActiveXObject('Microsoft.XMLHTTP');
}
ajxObj.open('GET', 'OutputXML.xml', false);
ajxObj.send();

var myXml = ajxObj.responseXML;
prs = myXml.getElementsByTagName("Table4")

if(prs.length >0 )
{
document.write('<DIV ID="TICKER" STYLE="overflow:hidden" onmouseover="TICKER_PAUSED=true" onmouseout="TICKER_PAUSED=false" class="aligncenter" style="background-color:#003366;" />');
}
else document.write('<DIV ID="TICKER" STYLE="overflow:hidden" onmouseover="TICKER_PAUSED=true" onmouseout="TICKER_PAUSED=false" class="aligncenter" style="background-color:#000366;" />');

for (i = 0; i < prs.length ; i++) {

document.write(prs[i].getElementsByTagName('ticker')[0].childNodes[0].nodeValue);

document.write('>>');
document.write(prs[i].getElementsByTagName('comp_current_price')[0].childNodes[0].nodeValue);
document.write(' % ');
document.write(prs[i].getElementsByTagName('change_perc')[0].childNodes[0].nodeValue);
document.write('..........');
}
document.write('</div>');
</script>

</div>

这篇关于检查子元素并更改网页中的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！