如何使用javascript突出顯示html元素,以檢查鏈接到該元素的html和css選擇器。突出顯示可能只是邊框或背景的改變(所以它不會破壞佈局),並且工具提示會顯示html元素和CSS選擇器,並將其與該元素相關聯。高亮html元素
Q
高亮html元素
1
A
回答
0
你可以做這樣的事情:
$('div, a, span, p').hover(function(){
$(this).css({ "border": "2px solid red" });
console.log($(this));
},function(){
$(this).css({ "border": "none" });
});
我會使用螢火蟲(FF)或控制檯(Chrome)即可,雖然檢查的元素。
+0
你應該至少提到你正在使用jQuery。 – 2012-02-03 17:36:17
0
你有沒有考慮過使用類似Firebug的工具?這非常出色,顯示了頁面的來源並突出顯示了mouseover上的元素。此外,在三大瀏覽器(Chrome,FF,IE)的最新版本中,還有一個內置的檢查器。在FF 10中,右鍵單擊任何內容並單擊檢查元素。在Chrome中,過程是一樣的。在IE 9中,按F12,然後按Ctrl + B並單擊所需的元素。
1
如果我的理解正確,聽起來像你只需要使用類似Firefox的Firebug或IE的開發工具(F12)。每個瀏覽器都有它們。
他們讓你突出顯示任何東西,並與任何css選擇器一起玩。絕對必須的工具爲Web開發人員。
0
如果您使用谷歌瀏覽器,則可以在View/Developer/Developer Tools中啓用開發人員工具。 選擇此菜單時,瀏覽器的底部將會顯示一個帶有菜單的框架(此處您應該點擊元素按鈕)。 在此菜單下,您將看到文檔的來源。 當在瀏覽器上懸停在某些標籤(即:)上時,該元素將突出顯示,您將能夠看到突出顯示的標籤的屬性。
相關問題
- 1. Visual Studio HTML光標在HTML元素中語法高亮顏色
- 2. jquery高亮顯示區域元素
- 3. 問題ListView高亮元素和OnClickListener
- 4. WPF Listbox高亮部分ListBoxItem元素
- 5. html元素沒有高度
- 6. Textmate HTML 5語法高亮
- 7. HTML元素百分比高度問題
- 8. 匹配的元素高度的jQuery/HTML
- 9. 獲取HTML元素的高度jQuery
- 10. webkit - html元素的寬度和高度
- 11. 選擇選項上的jQuery高亮元素
- 12. 如何在Vim中的CDATA元素中語法高亮XML?
- 13. jquery跟蹤更改並在輸入元素中添加高亮
- 14. 選擇刪除(高亮元素),除了輸入#光標
- 15. 如何用圓圈高亮一個元素
- 16. 元素高度
- 17. SMF [IMG]設置高亮的HTML
- 18. HTML Canvas雙擊高亮顯示問題
- 19. 更改Netbeans html標記高亮顏色
- 20. 將元素的高度設置爲%高度的元素高度
- 21. 使HTML表格高度等於中間TD元素的高度
- 22. 高亮GridView中的單元格
- 23. 如何使UITableView中的高亮單元格去加亮?
- 24. HTML div元素
- 25. HTML元素H3
- 26. 的HTML元素
- 27. HTML元素
- 28. 「#」 html元素
- 29. 高亮行wxgrid
- 30. 按鈕高亮
如何在您的瀏覽器中使用開發者工具,他們都有這些天? – 2012-02-03 17:33:18
如果你想要一個自定義的解決方案,你必須更具體地說明你卡在哪裏。 – 2012-02-03 17:35:14
你有沒有嘗試過自己?當你無法解決一個更具體的問題時,我會先試一試然後發佈。這裏是一個開始的好地方:http://api.jquery.com/category/selectors/ – Paul 2012-02-03 17:37:33