如果我有类似的要求,我想创建一个包含所有 <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>
答案 0 :(得分:2)
不要使用拆分
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>