CODEWITHSUNDEEP
rubynokogiri
radubogdan
radubogdan

Reputation: 2834

How to get all nodes from a HTML document in Ruby with Nokogiri

I'm trying to get all the nodes from a HTML document using Nokogiri.

I have this HTML:

<html>
<body>
  <h1>Header1</h1>
  <h2>Header22</h2>
  <ul>
    <li>Li1</li>
    <ul>
       <li>Li1</li>
       <li>Li2</li>
    </ul>
  </ul>
</body>
</html>

String version: 

string_page = "<html><body><h1>Header1</h1><h2>Header22</h2><ul><li>Li1</li><ul><li>Li1</li><li>Li2</li></ul></ul></body></html>"

I created an object: 

page = Nokogiri.HTML(string_page)

And I was trying to traverse it: 

result = []
page.traverse { |node| result << node.name unless node.name == "text" }
=> ["html", "h1", "h2", "li", "li", "li", "ul", "ul", "body", "html", "document"]

But what I don't like is the order of elements. I need to have an array with same order as they appear:

["html", "body", "h1", "h2", "ul", "li", "ul", "li", "li" ]

I don't need closing tags.

Does anybody have a better solution to accomplish this?

Upvotes: 6

Views: 3526

Answers (1)

the Tin Man
the Tin Man

Reputation: 160551

If you want to see the nodes in order, use a XPath selector like '*' which means "everything", starting from the root node:

require 'nokogiri'
string_page = "<html><body><h1>Header1</h1></body></html>"
doc = Nokogiri::HTML(string_page)
doc.search('*').map(&:name)
# => ["html", "body", "h1"]

But, we don't normally care to iterate over every node, nor do we usually want to. We want to find all nodes of a certain type, or individual nodes, so we look for landmarks in the markup and go from there:

doc.at('h1').text # => "Header1"

or:

html = "<html><body><table><tr><td>cell1</td></tr><tr><td>cell2</td></tr></h1></body></html>"
doc = Nokogiri::HTML(html)
doc.search('table tr td').map(&:text) # => ["cell1", "cell2"]

or:

doc.search('tr td').map(&:text) # => ["cell1", "cell2"]

or:

doc.search('td').map(&:text) # => ["cell1", "cell2"]

Note: there's no reason to use a longer sample HTML string; It just clutters up the question so use a minimal example.

See "How to avoid joining all text from Nodes when scraping" also.

Upvotes: 7

Related Questions