Javascript html元素搜索和突出显示

我想通过标记名称（例如<p>或<body>或class ID）搜索网页中的元素，然后突出显示它们。我想要使用3个按钮来完成此操作，设置值，然后高亮显示并清除。使用三个函数（的GetValues，highlightNext，清除）Javascript html元素搜索和突出显示

首先提示用户输入1或2中的相应的XHTML代码来标记名或类名的值。该对话框必须要求用户输入有效值（1或2），并且脚本不应允许用户以其他方式继续。
接下来脚本应该提示用户输入一个字符串，对应于他们希望在文档中突出显示的标签名称或类名称。该对话框不允许用户单击取消或输入空字符串作为输入。
当用户为标签/类名称输入正确的值时，该函数必须从浏览器中检索匹配对象的数组，并通过警告框告诉用户有多少元素与他们的请求匹配。
每次调用highlightNext时，它都会将页面上下一个匹配元素的背景颜色设置为相同的颜色。
一旦所有匹配的项目都被突出显示，功能highlightNext应显示一个对话框，指示所有元素已被突出显示。

来源

2010-11-08 Matt

这听起来很像家庭作业。 – 2010-11-08 19:08:07

你到目前为止做了什么，遇到了什么问题？ – DVK 2010-11-08 19:08:50

@Jason：[“家庭作业标签，与其他所谓的'meta'标签一样，现在不鼓励，”]（http://meta.stackexchange.com/q/10812），但是，Matt，请遵循[一般准则]（http://tinyurl.com/so-hints），包括陈述具体限制，迄今为止已经尝试的内容，以及特别令你困惑的内容。 – 2010-11-08 19:35:42

var selectedElements = document.getElementsByTagName(<tagname>)

会给您指定的标记名称的所有DOM元素。（http://www.w3schools.com/jsref/met_doc_getelementsbytagname.asp）您可以通过应用背景颜色风格，像他们强调：

element.style.backgroundColor = 'yellow'

这应该让你开始。

来源

2010-11-08 20:17:34 Andrey

Javascript html元素搜索和突出显示

回答

相关问题