GitLocker: The Coding Marketplace

Description:

xpath selector html parser

xpath_selector_html_parser #
English | 简体中文
Usage #
There are three ways to create xpath queries:

Use the queryXPath method directly on the html Node
Use HtmlXpath.node ([HtmlNode]) to create a query and then use the query method to perform the query
Use HtmlXpath.html ([HtmlString]) to parse the HTML, and then use query to query

Example #
import 'package:html/parser.dart';
import 'package:xpath_selector_html_parser/src/ext.dart';

final String htmlString = '''
<html lang="en">
<body>
<div><a href='https://github.com/simonkimi'>author</a></div>
<div class="head">div head</div>
<div class="container">
<table>
<tbody>
<tr>
<td id="td1" class="first1">1</td>
<td id="td2" class="first1">2</td>
<td id="td3" class="first2">3</td>
<td id="td4" class="first2 form">4</td>

<td id="td5" class="second1">one</td>
<td id="td6" class="second1">two</td>
<td id="td7" class="second2">three</td>
<td id="td8" class="second2">four</td>
</tr>
</tbody>
</table>
</div>
<div class="end">end</div>
</body>
</html>
''';

void main() {
final html1 = parse(htmlString).documentElement!;
final html2 = HtmlXPath.node(html1);
final html3 = HtmlXPath.html(htmlString);

print(html1.queryXPath('//div/a'));
print(html2.query('//div/a/@href').attrs);
print(html3.query('//tr/td[@class^="fir" and not(text()="4")]'));
}

copied to clipboard
Hint #

When parsing html, some nonstandard structures may change. For example, the missing tbody table will be added, which
may lead to query problems.