getElementById().getElementsByTagName() question

JavaScript
1

while using getElementById().getElementsByTagName() tag in combine, it’s not getting objects in IE8.

sample
var devang = getElementById(‘devang’).getElementsByTagName(‘li’);

2

It should not be getting objects in any browser, because you forgot document. This works in all browsers:


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Demo</title>
</head>
<body>

    <ul id="devang">
        <li>Item 1</li>
        <li>Item 2</li>
    </ul>

    <script>
    var devang = document.getElementById('devang').getElementsByTagName('li');
    for (var i=0; i<devang.length; i++) {
        devang[i].style.color = 'red';
    }
    </script>

</body>
</html>
3

It does indeed, but the name-giving of the JS variables is confusing at best. The script should look like this:

     
var devang_items = document.getElementById('devang').getElementsByTagName('li');
for (var i=0; i<devang_items.length; i++) {
    devang_items[i].style.color = 'red';
}