[英]How to split a html string with start and end character
If i have similar requirement where I want to create an array with all the <tr>
.如果我有类似的要求,我想创建一个包含所有
<tr>
的数组。 I want to split with start <tr>
and </tr>
.我想用 start
<tr>
和</tr>
分开。 How can i give both start and end in split function.我如何在拆分 function 中同时给出开始和结束。
<: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>
Don't use split不要使用拆分
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.