如何在javascript中检查html？

Question

我是Javascript的新手，我试图编写一些简单的代码来刷新页面，从页面中的html读取，并根据html中的文本跟踪链接。

我知道如何将页面设置为一个地址，我知道我正在寻找的html中的内容（特定的div类），但我似乎无法找到如何实际带来将html信息导入要检查的程序。

有谁知道我应该使用什么命令？

Answer 1

您可以使用document.querySelector选择页面上的任何元素。由于您正在搜索具有特定类的div，因此您可以使用document.getElementsByClassName。

我建议您使用document.getElementById按id搜索元素。原因是HTML中的类可以用于多个元素，它们通常用于确保一组元素具有相同的行为和/或样式。另一方面，id属性仅用于页面上的一个元素，从您的帖子看，这似乎是更合适的用例。

在获得原始Javascript DOM操作方面的经验后，您可以查看jQuery。

Answer 2

如果您的文本是输入字段的值，则可以使用以下代码获取该输入字段的值：

 document.getElementById('idOfYourHTMLElement').value

请参阅this Fiddle了解演示。

如果您的文字介于<span>和</span>（或任何开放+关闭标记对）之间，则可以使用以下代码获取该文本的值：

document.getElementById('idOfYourHTMLElement').innerHTML

请参阅this Fiddle了解演示。

你可以使用例如。 document.querySelector或document.getElementsByClassName用于获取您需要的元素，但如果您想要执行某些特定的操作，那么始终使用（唯一）ID会更容易且更好地提高性能特定元素，与document.getElementById结合使用。

无论如何，您可能希望在the basics of DOM manipulation in JavaScript上阅读。