xpath_selector_html_parser

English | 简体中文

Usage

There are three ways to create xpath queries:

  1. Use the queryXPath method directly on the html Node
  2. Use HtmlXpath.node ([HtmlNode]) to create a query and then use the query method to perform the query
  3. 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")]'));
}

Hint

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

Libraries

xpath_selector_html_parser