javascript - getElementById 返回未定义

Question

我正在尝试使用 javascript 写入 div。它接受用户的输入，我希望它写入 div。输入是 Twitter 小部件的 html 代码。它返回未定义，我不明白为什么。

<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
      <div class="container">
      <!-- Example row of columns -->
      <div class="row">
        <div class="col-md-4">
          <h2>Cheese</h2>
          <p>A seriously awesome food</p>
             <img data-src="holder.js/200x200" class="img-thumbnail" alt="200x200" style="width: 200px; height: 200px; position:relative; top:-10px;" src="Pictures/cheese.jpeg"/>
          <p><a class="btn btn-default" href="cheese.html" role="button style-"position-top:10px;">Learn more »</a></p></div>

        <div class="col-md-4">
          <h2>Reply</h2>
          <p>Reply to a twitter tweet!</p>
          <p><a class="btn btn-default" role="button" href="https://twitter.com/intent/tweet?">Reply</a></p>
       </div>
        <div class="col-md-4">
          <h2>Post</h2>
          <button onclick="myFunction()">Enter Code</button>
          **<script>
          function myFunction(){
          var x;
          var code=prompt("Please enter your html code.");
          document.getElementById("test").innerHTML=x;

          }

          </script>**
          <div id="test">

</div>

          <p><a class="btn btn-default" href="http://getbootstrap.com/examples/jumbotron/#" role="button">View details »</a></p>
        </div>
      </div>

Answer 1

您在函数中声明两个变量:“x”和“code”。您将某些内容分配给其中一个，然后使用另一个。

      var x;
      var code=prompt("Please enter your html code.");
      document.getElementById("test").innerHTML=x;

因此，“x”从未被定义，并且“code”从未被使用。