无法使用javascript加载div中的内容

Question

这是shan，我是javascript新手，我在这里尝试使用质量检查代码作为示例。 我正在尝试将小的javascript内容加载到div元素，但是它不起作用，任何帮助都将非常有用，这是代码。

<html>
<head>
    <title>
    using d for statement
</title>
<script>
    function displaytext () {
     var loopindex=0;
     var sum=0;
     for (var loopindex=1; loopindex <=100; loopindex++) {
       sum +=loopindex;
     }; 
    document.getElementById('targetdiv').innerhtml="adding 1 to 100 gives "+sum;
    }
</script>
</head>
<body>
    <div id="targetdiv">

    </div>
</body>
</html>

Answer 1

您需要调用该函数。 等待窗口加载完成也是个好主意（或者您可以使用一些更高级的JS来检测DOM ready状态。）：

<html>
<head>
    <title>
    using d for statement
</title>
<script>
    function displaytext() {
     var loopindex=0;
     var sum=0;
     for (var loopindex=1; loopindex <=100; loopindex++) {
       sum +=loopindex;
     }; 
    document.getElementById('targetdiv').innerHTML = "adding 1 to 100 gives "+sum;
    }
    window.onload = function(){
      displaytext();
    }
</script>
</head>
<body>
    <div id="targetdiv">

    </div>
</body>
</html>

Answer 2

3个问题：

您从未真正调用过该函数。 它仅被声明。
该属性是innerHTML而不是innerhtml。 Javascript区分大小写。
脚本上方有一个元素正在引用。 由于脚本是按其找到的位置执行的（在执行过程中暂停了页面构造），因此永远不会找到您所引用的元素。

另外，您两次声明loopindex变量，我认为这将在ES5严格上导致语法错误。

<html>
    <head>
        <title>
        using d for statement
        </title>
    </head>
    <body>
        <div id="targetdiv">

        </div>
    </body>
    <script>
        function displaytext () {
         var sum=0;
         for (var loopindex=1; loopindex <=100; loopindex++) {
           sum +=loopindex;
         }; 
        document.getElementById('targetdiv').innerHTML="adding 1 to 100 gives "+sum;
        }
        displaytext();
    </script>
</html>

无法使用javascript加载div中的内容

问题描述

2 个解决方案

解决方案1
1 2013-04-09 01:04:34

解决方案2
0 2013-04-09 01:11:30

无法使用javascript加载div中的内容

问题描述

2 个解决方案

解决方案1 1 2013-04-09 01:04:34

解决方案2 0 2013-04-09 01:11:30

解决方案1
1 2013-04-09 01:04:34

解决方案2
0 2013-04-09 01:11:30