Javascript html元素搜索和突出显示

时间:2010-11-08 19:06:51

标签: javascript html dom-traversal

我想按标记名称搜索元素,例如<p><body>或按类ID,然后突出显示它们。我想使用3个按钮,设置值,突出显示下一个和清除来执行此操作。使用三个函数(getValues,highlightNext,clear)

  1. 首先提示用户输入与XHTML代码中的标签名称或类名对应的值1或2。该对话框必须要求用户输入有效值(1或2),并且脚本不应允许用户继续。

  2. 接下来,脚本应提示用户输入与要在文档中突出显示的标记名称或类名对应的字符串。此对话框不允许用户单击取消或输入空字符串作为输入。

  3. 当用户为标记/类名输入正确的值时,该函数必须从浏览器中检索匹配对象的数组,并告诉用户有多少元素与警报框匹配。

  4. 每次调用highlightNext时,它都会将页面上下一个匹配元素的背景颜色设置为相同的颜色。

  5. 突出显示所有匹配的项目后,函数highlightNext应显示一个对话框,指示所有元素都已突出显示。

1 个答案:

答案 0 :(得分:0)

var selectedElements = document.getElementsByTagName(<tagname>) 

将按指定的标记名称为您提供所有DOM元素。 (http://www.w3schools.com/jsref/met_doc_getelementsbytagname.asp) 您可以通过应用背景颜色样式突出显示它们,例如:

element.style.backgroundColor = 'yellow'

这应该让你开始。