Question

这是我的代码，但由于某种原因，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>

Answer 1

你必须使用

document.getElementById("content_holder")

而不是

document.getElementById("#content_holder")

由于#不适用于getElementById。此方法需要普通元素ID而不是选择器。

Answer 2

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

未捕获的TypeError：无法设置null的属性'innerHTML'

2 个答案: