如何从隐藏元素中提取数据代码属性

Question

使用Watir-Webdriver，我希望能够提取“数据代码”值，以便我可以将其输入页面上的文本字段以解锁我的锁定帐户。通常代码是通过电子邮件发送的，但在我们的测试环境中，代码隐藏在页面<span data-code="123456">上。我想抓住'123456'代码并将其放在代码文本域中。

我一直无法弄清楚如何做到这一点。我猜是因为没有办法真正访问数据代码？

如果这是HTML，是否可以这样做？

<h1>
    Unlock your account
</h1>
<h2>
    Please enter the 6 digit code that was just sen…
    <span data-code="123456">
        test@email.com
    </span>
</h2>

Answer 1

您可以使用attribute_value方法：

browser.span.attribute_value('data-code')
#=> 123456

Answer 2

您可以检索与其他标准属性（如id，name等）类似的data- *属性。方法名称只是数据属性，其中破折号由下划线替换：

p browser.span.data_code
#=> "123456"