简体   繁体   English

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

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM