堆栈内存溢出
  繁体   English   中英

Javascript HTML元素搜索和突出显示

[英]Javascript html element search and highlight

 原文  2010-11-08 19:06:50  6   1    javascript/ html/ dom-traversal

问题描述

我想在网页上搜索标记名称（例如<p>或<body>或类ID）的元素，然后突出显示它们。 我想使用3个按钮，设置值，下一步突出显示并清除来执行此操作。 使用三个函数（getValues，highlightNext，clear）

  1. 首先，提示用户在XHTML代码中输入与标记名或类名相对应的值1或2。 该对话框必须要求用户输入有效值（1或2），否则脚本不应允许用户继续输入。

  2. 接下来，脚本应提示用户输入与他们想在文档中突出显示的标签名称或类名称相对应的字符串。 此对话框必须不允许用户单击“取消”或输入空字符串作为输入。

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

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

  5. 突出显示所有匹配项后，功能HighlightNext将显示一个对话框，指示所有元素都已突出显示。

1 个解决方案

解决方案1
 0  2010-11-08 20:17:34

var selectedElements = document.getElementsByTagName(<tagname>)

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

element.style.backgroundColor = 'yellow'

这应该使您入门。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 在HTML中使用JavaScript的HighlIght搜索字词 用于突出显示 html 元素的纯 JavaScript 代码 Elasticsearch中的搜索突出显示（javascript） 像 JavaScript 中的 Chrome Dev Tools 一样突出显示 HTML 元素 JavaScript / jQuery getSelection突出显示合并span html元素 JavaScript - 在 Hover 上突出显示一个元素 活动标签上的html中的搜索元素（javascript） 如何通过JavaScript和HTML中的坐标搜索元素内部 Javascript搜索功能突出显示图像 使用Swift突出显示Javascript搜索文本
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM