html - html - 按元素的顺序 - 不是按 writnig 的顺序

Question

在下面的提琴手中，为什么我会在“AAAA”之前看到“BBBB”？我预计订单将根据<tr>.

<table style="text-align:left;">
  <tr>
    <td class="field">
      <label for="...">...</label> <br/>
      <myattributes>
        <tr>
          <td>
            <li>
              ...<a href="AAAA" data-confirm="Are you sure?" data-method="delete" rel="nofollow">AAAA</a>
            </li>
          </td>
        </tr>
      </myattributes>
      <label>
        <input data-autocomplete-source="..." />
        <a href="/dog">BBBB</a>
      </label>
    </td>
  </tr>
</table>

​</p>

Answer 1

你的标记搞砸了。

嵌套<tr>关闭前一个表格行并添加一个新行。

通过以您结束该行，</tr>您当前不再位于表格行中。

当标记的元素放在表格行之间时，它们会在 DOM 中移动到表格上方。这就是您首先看到“BBBB”的方式。