2

这是我的代码，但由于某种原因，innerHTML 没有改变我的 content_holder div 中的内容，我们将不胜感激！

我尝试了多种方法并进行了大量研究，但我无法修复此错误。

  <head>

        <link rel="stylesheet" href="styles/default.css" />

  </head>
  <script type="text/javascript" src="jquery/jquery.js"></script>
  <script type="text/javascript">

          function news_clicked(){

          $("#content_holder").fadeOut(200);
          document.getElementById("#content_holder").innerHTML=("<?php("news_include.php"); ?>");
          $("#content_holder").fadeIn(200);

          }

  </script>

  <body>


        <header id="header_bar">

        <div id="top_holder">

             <div id="top_holder_left">
                <a id="logo"></a>
             </div>

             <div id="top_holder_right">
                <a class="nav_button" href="#">HOME</a>
                <a class="nav_button" onclick="news_clicked()" href="#">NEWS</a>
                <a class="nav_button" href="#">GIGS</a>
                <a class="nav_button" href="#">MUSIC</a>
                <a class="nav_button" href="#">VIDEOS</a>
                <a class="nav_button" href="#">SOCIAL</a>
             </div>

        </div>

        </header>

                 <div id="content_holder">

                      <?php include("music_include.php"); ?>

                 </div>

  </body>

4

2 回答 2

3

你必须使用

document.getElementById("content_holder")

代替

document.getElementById("#content_holder")

as#不适用getElementById。此方法需要一个普通的元素 id 而不是选择器。

于 2013-06-25T17:31:47.290 回答
0

每次我看到这个错误时，我都会尝试为该页面上不存在的 div 调用 id ，这对我来说是一个俗气的错误。确保您尝试调用的元素存在于您尝试更改的页面上。

于 2014-05-14T01:51:04.150 回答