Поиск и выделение элементов html в Javascript

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

First предложит пользователю ввести значение 1 или 2, соответствующий тег имена или имена классов в коде XHTML. Диалог должен требовать от пользователя ввода допустимого значения (1 или 2), и сценарий не должен позволять пользователю продолжать в противном случае.
Далее сценарий должен предложить пользователю ввести строку, соответствующую имени тега или имени класса, которые они хотели бы выделить в документе. Этот диалог не должен позволять пользователю нажимать отменить или ввести пустую строку в качестве входного.
Когда пользователь вводит правильное значение имени тега/класса, функция должна извлекать массив совпадающих объектов из браузера и сообщать пользователю, сколько элементов соответствует их запросу с полем предупреждения.
Каждый раз, когда вызывается highlightNext, он устанавливает цвет фона для следующего соответствующего элемента на странице того же цвета.
Как только все соответствующие элементы были выделены, функция highlightNext должна отображать диалоговое окно, которое указывает, что все элементы выделены.

источник

2010-11-08 Matt

Это звучит как домашнее задание. –

Что вы сделали до сих пор и в чем проблема, с которой вы столкнулись? – DVK

@Jason: [«Теги домашней работы, как и другие так называемые мета-теги, теперь обескуражены», (http://meta.stackexchange.com/q/10812), но, Мэтт, пожалуйста, следуйте [общим рекомендациям ] (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

Поиск и выделение элементов html в Javascript

ответ

Смежные вопросы