blocks|key|1103343|text|您可以调用HTML+innerHTML属性：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1103344|find('//tr[2]//td[7]')['innerHTML']|code-block|syntax|javascript|1103345|应该适用于任何浏览器或驱动程序。您可以检查w3schools上的所有可用属性|1103346|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3schools.com/jsref/dom_obj_all.asp^0|A|9|0|0|L|9|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

You can call HTML DOM <code>innerHTML</code> Property:

<pre><code>find('//tr[2]//td[7]')['innerHTML']
</code></pre>

Should work for any browser or driver.
You can check all available properties on <a href="https://www.w3schools.com/jsref/dom_obj_all.asp" rel="noreferrer">w3schools</a>

blocks|key|888337|text|这篇文章很旧了，但我想我找到了一个方法，如果你还需要这篇文章的话。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|888338|要从Capybara元素访问Nokogiri节点(使用Capybara+1.0.0beta1，Nokogiri+1.4.4)，请尝试执行以下操作：|888339|elem+=+find('//tr[2]//td[10]')
node+=+elem.native
#This+will+give+you+a+Nokogiri+XML+element

node.children[1].attributes["href"].value.should+==+"these+are+the+&lt;b&gt;comments&lt;/b&gt;"|code-block|syntax|javascript|888340|最后一部分可能对您有所不同，但您应该能够在该节点变量中的某处找到HTML|888341|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This post is old, but I think I found a way if you still need this.

To access the Nokogiri node from the Capybara element (using Capybara 1.0.0beta1, Nokogiri 1.4.4) try this:

<pre class="lang-ruby prettyprint-override"><code>elem = find('//tr[2]//td[10]')
node = elem.native
#This will give you a Nokogiri XML element

node.children[1].attributes["href"].value.should == "these are the &amp;lt;b&amp;gt;comments&amp;lt;/b&amp;gt;"
</code></pre>

The last part may vary for you, but you should be able to find the HTML somewhere in that node variable

blocks|key|888380|text|在我的环境中，find返回一个Capybara::Element，它响应Eric+Hu上面提到的:native方法，它返回Selenium::WebDriver::Element+(对我来说)。然后:text获取内容，所以它可以像下面这样简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|888381|results+=+find(:xpath,+"//td[@id='#{cell_id}']")
contents+=+results.native.text|code-block|syntax|javascript|888382|如果您正在查找表格单元格的内容。Capybara：：元素上没有content、inner_html、inner_text或node方法。假设人们不是在胡编乱造，也许你会从find中得到一些不同的东西，这取决于你在Capybara中加载的其他东西。|888383|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

In my environment, find returns a Capybara::Element - that responds to the :native method as Eric Hu mentioned above, which returns a Selenium::WebDriver::Element (for me). Then :text gets the contents, so it could be as simple as:

<pre class="lang-ruby prettyprint-override"><code>results = find(:xpath, "//td[@id='#{cell_id}']")
contents = results.native.text
</code></pre>

if you're looking for the contents of a table cell. There's no content, inner_html, inner_text, or node methods on a Capybara::Element. Assuming people aren't just making things up, perhaps you get something different back from find depending on what else you have loaded with Capybara.

blocks|key|1103298|text|看起来你可以做(node).native.inner_html来获得超文本标记语言的内容，例如像这样的超文本标记语言：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1103299|<div>Some+HTML</div>|code-block|syntax|javascript|1103300|您可以执行以下操作：|1103301|find('div').native.inner_html
=>+'Some+HTML'|1103302|entityMap^0|7|O|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

Looks like you can do <code>(node).native.inner_html</code> to get the HTML content, for example with HTML like this:

<pre><code>&lt;div&gt;&lt;strong&gt;Some&lt;/strong&gt; HTML&lt;/div&gt;
</code></pre>

You could do the following:

<pre><code>find('div').native.inner_html
=&gt; '&lt;strong&gt;Some&lt;/strong&gt; HTML'
</code></pre>

blocks|key|1103258|text|大多数其他答案只能在Racktest中工作(因为它们使用Racktest特定的功能)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1103259|如果你的驱动支持javascript评估(比如Selenium)，你可以使用innerHTML：|offset|length|style|CODE|1103260|html+=+page.evaluate_script("document.getElementById('my_id').innerHTML")|code-block|syntax|javascript|1103261|entityMap^0|0|12|9|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Most of the other answers work only in Racktest (as they use Racktest-specific features).

If your driver supports javascript evaluation (like Selenium) you can use <code>innerHTML</code> :

<pre><code>html = page.evaluate_script("document.getElementById('my_id').innerHTML")
</code></pre>

blocks|key|1103106|text|尝试对其调用find('//tr[2]//td[10]').node以获取实际的nokogiri对象|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1103107|entityMap^0|6|S|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

try calling <code>find('//tr[2]//td[10]').node</code> on it to get at the actual nokogiri object

blocks|key|1103409|text|如果您使用的是Poltergeist驱动程序，这些方法将允许您检查匹配的内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1103410|http://www.rubydoc.info/gems/poltergeist/1.5.1/Capybara/Poltergeist/Node|offset|length|1103411|例如：|1103412|page.find('[name="form-field"]').native.value+==+'something'|code-block|syntax|javascript|1103413|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|20|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|Z|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|C]]]]

If you're using the Poltergeist driver, these methods will allow you to inspect what matches:

<a href="http://www.rubydoc.info/gems/poltergeist/1.5.1/Capybara/Poltergeist/Node" rel="nofollow">http://www.rubydoc.info/gems/poltergeist/1.5.1/Capybara/Poltergeist/Node</a>

For example:

<pre><code>page.find('[name="form-field"]').native.value == 'something'
</code></pre>

blocks|key|1103079|text|Capybara使用Nokogiri来解析，所以这个页面可能是合适的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1103080|http://nokogiri.org/Nokogiri/XML/Node.html|offset|length|1103081|我相信content就是你要找的方法。|style|CODE|1103082|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|16|0|0|3|7|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@$D|S|E|T|1|U]]|A|$]]|$1|F|3|G|5|6|7|V|8|@$D|W|E|X|H|I]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|C]]]]

Well, Capybara uses Nokogiri to parse, so this page might be appropriate:

<a href="http://nokogiri.org/Nokogiri/XML/Node.html" rel="nofollow">http://nokogiri.org/Nokogiri/XML/Node.html</a>

I believe <code>content</code> is the method you are looking for.

blocks|key|888567|text|您还可以切换到capybara-ui并执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|888568|#+define+your+widget,+in+this+case+in+your+role
class+User+<+Capybara::UI::Role
++widget+:seventh_cell,+[:xpath,+'//tr[2]//td[7]']
end

#+then+in+your+tests
role+=+User.new

expect(role.widget(:seventh_cell).html).to+eq(<h1>My+html</h1>)|code-block|syntax|javascript|888569|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mojotech/capybara-ui^0|7|B|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

You could also switch to <a href="https://github.com/mojotech/capybara-ui" rel="nofollow">capybara-ui</a> and do the following:

<pre><code># define your widget, in this case in your role
class User &lt; Capybara::UI::Role
 widget :seventh_cell, [:xpath, '//tr[2]//td[7]']
end

# then in your tests
role = User.new

expect(role.widget(:seventh_cell).html).to eq(&lt;h1&gt;My html&lt;/h1&gt;)
</code></pre>

I’m writing a cucumber test where I want to get the HTML in an element.

For example:

<pre class="lang-ruby prettyprint-override"><code>within 'table' do
 # this works
 find('//tr[2]//td[7]').text.should == "these are the comments" 

 # I want something like this (there is no "html" method)
 find('//tr[2]//td[7]').html.should == "these are the &amp;lt;b&amp;gt;comments&amp;lt;/b&amp;gt;" 
end
</code></pre>

Anyone know how to do this?

How do I get the HTML in an element using Capybara?

我正在编写一个cucumber测试，希望在其中获得元素中的HTML。例如：within 'table' do  # this works  find('//tr[2]//td[7]').text.should == "these are the comments"   # I want something like this (there is no "html" method)  find('/

问如何使用Capybara获取元素中的HTML？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Capybara获取元素中的HTML？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Capybara获取元素中的HTML？
EN