Question

我使用以下代码，我在控制台上看到的HTML结果存在一些问题：

HTML代码我想生成：

<table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp">

  <tbody id="tabledata">
  <tr>
  <td class="mdl-data-table__cell--non-numeric">Acrylic (Transparent)</td>
  <td>250</td>
  <td>$2.90</td>
</tr>

<script>
    createTable();
    </script>
  </tbody>
</table>

createTable追加以下内容：

$('#tabledata').append("<tr><td class=\"mdl-data-table__cell--non-numeric\">" + 
    Produkt + "</td><td>"+ Anzahl +"</td><td>"+ Datum +"</td></tr>");

问题是createtable的输出会产生不同的表行 - 我不知道为什么？！

<tr>
     <td>
          <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect mdl-data-table__select mdl-js-ripple-effect--ignore-events is-upgraded" data-upgraded=",MaterialCheckbox,MaterialRipple">
                <input type="checkbox" class="mdl-checkbox__input">
                <span class="mdl-checkbox__focus-helper"></span>
                <span class="mdl-checkbox__box-outline">
                      <span class="mdl-checkbox__tick-outline"></span>
                </span>
                <span class="mdl-checkbox__ripple-container mdl-js-ripple-effect mdl-ripple--center" data-upgraded=",MaterialRipple">
                     <span class="mdl-ripple"></span>
                </span>
           </label>
      </td>
      <td class="mdl-data-table__cell--non-numeric">Eis</td>
      <td>2</td>
      <td>25.8.2017 22:37</td>
</tr>

与

<tr>
      <td class="mdl-data-table__cell--non-numeric">Eis</td>
      <td>2</td>
      <td>25.8.2017 22:37</td>
</tr>

你知道为什么吗？

HTML标签问题（Javascript）

0 个答案: