为什么我的onclick脚本没有改变我的innerhtml

我有一个从模板中获取的非常简单的网页。在右边，我有一个div中的链接列表，当点击它们时，我希望在服务器上的内部div区域加载一个html页面。单击链接时，不会发生任何事情。我还尝试过将innerHtml设置为一个文本值，以防src部分无效，但这也无济于事。我错过了什么？这看起来像我经历过的所有例子。。注意，我只给出了部分html，所以我知道主体没有关闭等

我有：

<body>
  <script>
    function results()
    {
      document.getElementsByClassName('mid-left-container').innerHTML="src="..VRS_BVTVRS_Test.html""
    }
  </script>
  <div id="main-wraper">
    <div id="top-wraper">
      <div id="banner">Automation Server</div>
    </div>
    <div id="mid-wraper">
      <div class="mid-wraper-top">
        <div class="mid-leftouter">
          <div class="mid-left-container">
            blah blah
          </div>
        </div>
        <div class="right-container">
          <div class="right-container-top">
            <h3><span class="yellow-heading">Projects</span></h3>
            <ul>
              <li><a href="#" onclick="results()">VRS BVT</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>

getElementsByClassName()返回匹配元素的数组（实际上是NodeList）。

您正在该数组上创建一个新的innerHTML属性，该属性无效。

相反，您需要从数组中获取一个实际元素，并设置其innerHTML:

document.getElementsByClassName(...)[0].innerHTML = ...

此外，您的字符串文字是无效语法
您需要使用单引号或转义双引号。

此外，将src="..VRS_BVTVRS_Test.html"放在HTML元素的内容中不会从服务器加载任何内容
您需要使用AJAX或<iframe>。

相关内容

最新更新

热门标签：