Home/ Questions/Q 8722935
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T07:30:53+00:00

I write the following JS and run in IE 10: function test() { var

  • 0

I write the following JS and run in IE 10:

function test() {
    var nodes = document.getElementsByTagName("h1");
    document.writeln(nodes.length);
    for (var j = 0; j < nodes.length; j++) {   <=== THIS LINE!
        document.writeln(j.toString());
        }
    document.writeln("abc");
}

But I kept get “invalid calling object” error for the marked line.

Why?

And here is my page source:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>This is JS fun!</title>
        <script type="text/javascript" language="javascript" src="test.js">
        </script>
    </head>
    <body>
        <h1>1111</h1>   
        <h1>2222</h1>   
        <h1>3333</h1>   
        <h1>4444</h1>   
            <input type="button" onclick="test()" value="click me!" />
    </body>
</html>

Below is my screenshot:

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The error comes because you are running the code after the page is completed.

    The first document.writeln call creates a new document with only the string in it. That means that the collection in nodes is no longer valid. It is a collection of elements in a document that doesn’t exist any more, so you can’t use any of the properties (like length) of the collection any more.

    If you run the code while the page is being created, it works fine: http://jsfiddle.net/Guffa/4w949/

    • 0