Поиск и выделение HTML-элементов Javascript - PullRequest
0 голосов
/ 08 ноября 2010

Я хочу найти на веб-странице элементы по имени тега, например <p> или <body> или по идентификатору класса, а затем выделить их.Я хочу сделать это, используя 3 кнопки, установить значения, выделить следующее и очистить.Использование трех функций (getValues, highlightNext, clear)

  1. Сначала попросите пользователя ввести значение 1 или 2, соответствующее именам тегов или именам классов в коде XHTML.Диалог должен требовать от пользователя ввода допустимого значения (1 или 2), а сценарий не должен позволять пользователю продолжать в противном случае.

  2. Затем сценарий должен предложить пользователю ввести строку, соответствующую имени тега или имени класса, которые он хотел бы выделить в документе.Этот диалог не должен позволять пользователю нажимать кнопку отмены или вводить пустую строку в качестве ввода.

  3. Когда пользователь вводит правильное значение для имени тега / класса, функция должна извлечь массив соответствующих объектов из браузера и сообщить пользователю, сколько элементов соответствует их запросу сокно оповещения.

  4. Каждый раз, когда вызывается highlightNext, он устанавливает цвет фона для следующего соответствующего элемента на странице на один и тот же цвет.

  5. Как только всесоответствующие элементы были выделены, функция highlightNext должна отобразить диалоговое окно, которое указывает, что все элементы были выделены.

1 Ответ

0 голосов
/ 08 ноября 2010
var selectedElements = document.getElementsByTagName(<tagname>) 

даст вам все элементы DOM по указанному имени тега.(http://www.w3schools.com/jsref/met_doc_getelementsbytagname.asp) Вы можете выделить их, применив стиль цвета фона, например:

element.style.backgroundColor = 'yellow'

Это должно помочь вам начать работу.

...