0

テンプレートから取った非常に単純な Web ページがあります。右側には、div 内のリンクのリストがあり、それらをクリックすると、サーバーにある html ページが内側の div 領域に読み込まれます。リンクをクリックしても何も起こりません。src 部分が無効な場合に備えて、innerHtml を単なるテキスト値に設定しようとしましたが、それも何もしません。私は何が欠けていますか？これは、私が経験したすべての例のように見えます..そして、私は部分的な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>
4

1 に答える 1

2

getElementsByClassName()一致する要素の配列(実際には NodeList) を返します。

innerHTMLその配列に新しいプロパティを作成していますが、効果はありません。

代わりに、配列から実際の要素を取得し、その要素を設定する必要がありますinnerHTML:

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

また、文字列リテラルは無効な構文です。
一重引用符を使用するか、二重引用符をエスケープする必要があります。

また、src="..\VRS_BVT\VRS_Test.html"HTML 要素のコンテンツを挿入しても、サーバーからは何も読み込まれません。
AJAX または<iframe>.

于 2013-08-15T15:30:54.097 に答える