Home/ Questions/Q 5845135
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T12:23:29+00:00

document.getElementById(…).setAttribute(‘style’,… is not working in Internet Explorer 7.0. How can I make this work

  • 0

document.getElementById(…).setAttribute(‘style’,… is not working in Internet Explorer 7.0. How can I make this work in Internet Explorer?

<!DOCTYPE html> 
<html lang="en"> 

<head>
<script type="text/javascript">
    var myarray=new Array(3);
    for (i=0; i <1000; i++){
        myarray[i]=new Array(3);
    }
    myarray[0][0]="new"; myarray[0][1]="old";

    function swapText(id){
        document.getElementById('id' + id).setAttribute('style', 'font-weight: bold; color: red; font-size:150%;');
        document.getElementById('id'+ id).innerHTML = myarray[id][0];
    }
    function originalText(id){
        document.getElementById('id' + id).setAttribute('style', 'color:' + 'black'  + ';');
        document.getElementById('id' + id).innerHTML = myarray[id][1];
    }
</script>
</head>
<body>
    <div id="scoreboard" border='1'> </div>
    <div id="qa">
        <div id="col1" class="column">  
            <div id="id0" onmouseover="swapText(0)"; onmouseout="originalText(0)">old</div>
        </div>
    </div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Using setAttribute is unreliable if you want the change to be reflected in the document. Use Element.style instead:

    var el = document.getElementById('id' + id);
el.style.fontWeight = 'bold';
el.style.color = 'red';
el.style.fontSize = '150%';

    and suchlike.

    • 0