如何将文本添加到任何html元素？

Question

我想向body元素添加文本，但我不知道如何。哪种方法适用于body标签？ 对不起，我的英文和感谢您的回复。

Answer 1

在Watir中，您可以使用JS操作网页（DOM），就像那样：

 browser.execute_script("document.getElementById('pageContent').appendChild(document.createTextNode('Great Success!'));")

我认为问题的关键是： 所有用户不只是通过单击Web应用程序上的按钮和链接进行交互，其中一些用户正在做一些令人讨厌的事情，例如改变http请求以使您的系统执行不应该执行的操作......或者只是享受一些乐趣

为了模仿这种行为，您可以编写一个ui-test来改变网页上的表单，例如，可以在任何字段中键入任何内容而不是有限的下拉列表。

要做到这一点，ui测试必须：

• 操纵DOM以设置无限制的表单输入（将select替换为输入等）
• ui test必须知道要使用哪些值，在许多情况下输入随机值是没有意义的。您的网络应用程序必须提供一些好的“不需要的”选项。

Answer 2

为什么要修改Watir中的网页？它用于自动化测试，而不是DOM操作。

如果你想在javascript中为DOM元素添加一些东西，你可以这样做：

var txt = document.createTextNode(" This text was added to the DIV.");
document.getElementById('myDiv').appendChild(txt); 

或者使用一些DOM操作库，比如jQuery。

Answer 3

如果您没有通过watir教程，我建议您这样做。它涉及填写文本字段等内容。

学习使用适用于浏览器的开发人员工具，Firebug for Firefox或IE和CHrome的内置工具。他们会让您在与网站互动时查看内容。

如果元素不是某种类型的普通HTML输入字段，那么您正在处理自定义控件。许多存在并且它们是多种多样的，并且没有一套解决方案来处理它们。如果你不知道你正在使用哪种控件，并且能够自己与它的样本进行交互，或者至少看到HTML，那么建议你是非常困难的，我们基本上只需要猜测（这通常是浪费每个人的时间）

如果你有一个可以输入文字的地方，那么它可能是某种形式的输入控制，它可能不会以这种方式开始，你可能需要点击其他一些元素，以使输入区域出现，但是没有HTML样本，我们所能做的就是猜测。

如果这是商业控件，请查看是否可以找到显示控件实际运行的演示站点。尝试谷歌搜索元素的类名称，通常你很幸运