getElementsByTagName不起作用Simple JS

时间:2012-09-27 16:39:06

标签: javascript

另一个问题:http://jsfiddle.net/ajinkyax/qGzTY/1/ 上面的链接显示了一个js计算器,但是当你点击nothign时会发生

我只是惊讶为什么这个简单的功能不起作用!!!。

我甚至用标签进行了测试,但它仍然不会吵架。的getElementsByTagName( “a”)的

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>documentElement</title>
    </head>
    <body>
         <p>This is 4rth child (3)</p>
        <p>This is 4rth child (3)</p>

        <p>This is 5th child (4) <span id="some">CHANGE THIS</span></p>

        <script type="text/javascript">
            var mySpan = document.getElementsByTagName('span');

            mySpan.innerHTML = 'This is should change';

        </script>
    </body>
</html>

1 个答案:

答案 0 :(得分:4)

这样做:

 var mySpan = document.getElementsByTagName('span')[0];
 mySpan.innerHTML = 'This is should change';

getElementsByTagName不返回元素,而是返回具有此标记名称的所有元素的集合。如果您只想要第一个,请添加[0]

正如user1689607指出的那样,如果你想改变这个特定的跨度,你最好做

 var mySpan = document.getElementById('some');