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元素搜索和突出顯示

回答

相關問題