Question

如果我有类似的要求，我想创建一个包含所有 <tr> 的数组。我想用 start <tr> 和 </tr> 分开。我如何在拆分函数中同时给出开始和结束。

<!DOCTYPE html>
<html>
<body>

<h2>Basic HTML Table</h2>

<table style="width:100%">
  <tr>
    <th>Firstname</th>
 
  </tr>
  <tr>
    <td>Jill</td>
   
  </tr>
  <tr>
    <td>Eve</td>

  </tr>
  <tr>
    <td>John</td>
   
  </tr>
</table>

</body>
</html>

Answer 1

不要使用拆分

const arr = [...document.querySelectorAll('tr')].map(tr  => tr.outerHTML)
console.log(arr)

// if the source is a string:

const tblString = `<table style="width:100%"><tr><th>Firstname</th></tr><tr><td>Jill</td></tr><tr><td>Eve</td></tr><tr><td>John</td></tr></table>`

const domFragment = document.createElement('div')
domFragment.innerHTML = tblString;
const arr1 = [...domFragment.querySelectorAll('tr')].map(tr  => tr.outerHTML)
console.log(arr1)

<!DOCTYPE html>
<html>

<body>

  <h2>Basic HTML Table</h2>

  <table style="width:100%">
    <tr>
      <th>Firstname</th>
    </tr>
    <tr>
      <td>Jill</td>
    </tr>
    <tr>
      <td>Eve</td>
    </tr>
    <tr>
      <td>John</td>
    </tr>
  </table>

</body>

</html>

如何用开始和结束字符拆分html字符串

1 个答案: