innerHTML изменить текст - PullRequest
Новая
       18

innerHTML изменить текст

0 голосов
/ 04 января 2012

У меня возникли некоторые трудности с настройками document.getElementById () с использованием javascript. 

<div id="display">
        <p></span></p>
        <p>Inputs:<br /><span style="font-size:20pt"></p>
        <a id="btn0">&bull; Input 1</a><br>
        <a id="btn1">&bull; Input 2</a><br>
        <a id="btn2">&bull; Input 3</a><br>
        <a id="btn3">&bull; Input 4</a><br>
        <a id="btn4">&bull; Input 5</a><br>
        <a id="btn5">&bull; Input 6</a><br>
        <a id="btn6">&bull; Input 7</a><br>
        <a id="btn7">&bull; Input 8</a><br>
        <a id="btn8">&bull; Input 9</a><br>
        <a id="btn9">&bull; Input 10</a><br>
        <a id="btn10">&bull; Input 11</a><br>
        <a id="btn11">&bull; Input 12</a><br>
        <a id="btn12">&bull; Input 13</a><br>
        <a id="btn13">&bull; Input 14</a><br>
        <a id="btn14">&bull; Input 15</a><br>
        <a id="btn15">&bull; Input 16</a><br>
        </span> </p> </div>

, и это мой скрипт, который изменяет следующие элементы: 

<script type="text/javascript">
// Parses the xmlResponse from status.xml and updates the status box
function updateStatus(xmlData) {
    // Check if a timeout occurred
    if(!xmlData)
    {
        document.getElementById('display').style.display = 'none';
        document.getElementById('loading').style.display = 'inline';
        return;
    }

    // Make sure we're displaying the status display
    document.getElementById('loading').style.display = 'none';
    document.getElementById('display').style.display = 'inline';

    // Loop over all the LEDs
    for(i = 0; i < 16; i++) {
        if(getXMLValue(xmlData, 'input'+i) == '1')
            document.getElementById('btn' + i).style.color = '#d00';
            document.getElementById('btn' + i).innerHTML = '&bull; WARNING';
        else
            document.getElementById('btn' + i).style.color = '#090';
    }

    // Loop over all the buttons

    // Update the POT value
    document.getElementById('analogue0').innerHTML =getXMLValue(xmlData,'analogue0');
    val=0;
    for(i = 0; i < 10; i++) {
    val=val+10;
    if(getXMLValue(xmlData, 'analogue0') >val)
        document.getElementById('pot' + i).style.color = '#090';
    else
        document.getElementById('pot' + i).style.color = '#fff';
    }

    // Update the POT value 2
    document.getElementById('analogue1').innerHTML =getXMLValue(xmlData,'analogue1');
    val=0;
    for(i = 0; i < 10; i++) {
    val=val+10;
    if(getXMLValue(xmlData, 'analogue1') >val)
        document.getElementById('1pot' + i).style.color = '#090';
    else
        document.getElementById('1pot' + i).style.color = '#fff';
    }


}
setTimeout("newAJAXCommand('status.xml', updateStatus, true)",500);
</script>

У меня проблема при попытке изменить текст между тегами a.Цвет текста меняется отлично, но когда дело доходит до изменения текста, ничего не происходит.Я прочитал об этом, но не могу найти ничего похожего на это в Google.

1 Ответ

1 голос
/ 04 января 2012

Если у вас есть несколько операторов, которые вы хотите выполнить, когда условие if возвращает true, вам необходимо заключить их в фигурные скобки.

Изменение 

for(i = 0; i < 16; i++) {
    if(getXMLValue(xmlData, 'input'+i) == '1')
        document.getElementById('btn' + i).style.color = '#d00';
        document.getElementById('btn' + i).innerHTML = '&bull; WARNING';
    else
        document.getElementById('btn' + i).style.color = '#090';
}

до 

for(i = 0; i < 16; i++) {
    if(getXMLValue(xmlData, 'input'+i) == '1') {
        document.getElementById('btn' + i).style.color = '#d00';
        document.getElementById('btn' + i).innerHTML = '&bull; WARNING';
    }
    else
        document.getElementById('btn' + i).style.color = '#090';
}
...