Question

$(document.ready(function() {
  var laterbox = document.getElementById('laterbox');
  var tabl = document.createElement('table');
  var trh = document.createElement('tr');
  var trd = document.createElement('tr');
  var txt = document.createTextNode('book_id');
  var tr1 = document.createElement('th');
  tr1.appendChild(txt);
  trh.appendChild(tr1);
  tabl.appendChild(trh);
  tabl.appendChild(trd);
  laterbox.appendChild(tabl);
}));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="laterbox">
  <table>
    <tr>
      <th>aa</th>
      <th>bb</th>
    </tr>
    <tr>
    </tr>
  </table>
</div>

但是第二张桌子没有显示，我不知道为什么。我尝试了很多次，却找不到错误。您可以在此处查看输出：https://codepen.io/sandesh_bafna8/pen/BwQZGv

Answer 1

最后，您)和document内的)不会$(document).ready(function(){ var laterbox=document.getElementById('laterbox'); var tabl=document.createElement('table'); var trh=document.createElement('tr'); var trd=document.createElement('tr'); var txt=document.createTextNode('book_id'); var tr1=document.createElement('th'); tr1.appendChild(txt); trh.appendChild(tr1); tabl.appendChild(trh); tabl.appendChild(trd); laterbox.appendChild(tabl); });。删除它，它会工作..

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="laterbox">
     <table>
       <tr>
         <th>aa</th>
         <th>bb</th>
        </tr>
       <tr>
       </tr>
     </table>
    </div>

＆＃13;

grepl

＆＃13;

提示：如果您的代码无效，请尝试查看控制台是否有错误。缺少或额外的括号和括号将显示为错误...

Answer 2

$(document).ready(function() {
  var laterbox = document.getElementById('laterbox');
  var tabl = document.createElement('table');
  var trh = document.createElement('tr');
  var trd = document.createElement('tr');
  var txt = document.createTextNode('book_id');
  var tr1 = document.createElement('th');
  tr1.appendChild(txt);
  trh.appendChild(tr1);
  tabl.appendChild(trh);
  tabl.appendChild(trd);
  laterbox.appendChild(tabl);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="laterbox">
  <table>
    <tr>
      <th>aa</th>
      <th>bb</th>
    </tr>
    <tr>
    </tr>
  </table>
</div>

$(document.ready(function() { =＆gt; $(document).ready(function() {

Answer 3

你有一些拼写错误：

$(document.ready(function() {应为$(document).ready(function() {
结束}));应为});

以下是更正后的代码：

$(document).ready(function() {
  var laterbox=document.getElementById('laterbox');
  var tabl=document.createElement('table');
  var trh=document.createElement('tr');
  var trd=document.createElement('tr');
  var txt=document.createTextNode('book_id');
  var tr1=document.createElement('th');
  
  tr1.appendChild(txt);
  trh.appendChild(tr1);
  tabl.appendChild(trh);
  tabl.appendChild(trd);
  laterbox.appendChild(tabl);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="laterbox">
     <table>
       <tr>
         <th>aa</th>
         <th>bb</th>
       </tr>
       <tr>
       </tr>
     </table>
</div>

我正在尝试使用JavaScript

3 个答案: