Javascript 为什么我的onclick脚本没有更改我的innerhtml？_Javascript_Html

Javascript 为什么我的onclick脚本没有更改我的innerhtml？

javascript html

Javascript 为什么我的onclick脚本没有更改我的innerhtml？,javascript,html,Javascript,Html,我有一个非常简单的网页，我从一个模板。在右边，我有一个div中的链接列表，当单击它们时，我希望服务器上的html页面加载到内部div区域。当点击链接时，什么也没发生。我还尝试将innerHtml设置为一个文本值，以防src部分无效，但这也没有任何作用。我错过了什么？这看起来像我看过的所有例子。。注意，我只给出了部分html，所以我知道主体没有关闭，等等我有： <body> <script> function results() { doc

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

我有：

<body>
  <script>
    function results()
    {
      document.getElementsByClassName('mid-left-container').innerHTML="src="..\VRS_BVT\VRS_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>


函数结果（）
{
document.getElementsByClassName（'mid-left-container'）。innerHTML=“src=“..\VRS\u BVT\VRS\u Test.html”
}
自动化服务器
废话
项目

GetElementsByCassName（）

返回匹配元素的数组（实际上是节点列表）

您正在该数组上创建一个新的

innerHTML

属性，该属性无效

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

innerHTML

：

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

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

此外，将

src=“..\VRS\u BVT\VRS\u Test.html”

放在html元素的内容中不会从服务器加载任何内容。

您需要使用AJAX或

它看起来像是试图在

div

上设置

src

属性

Div

s没有

src

属性。您还嵌套了双引号，

getElementsByClassName

返回一个DOM元素数组。可能的重复项--查看那里的注释，您会发现大量重复项。