可視地選擇HTML元素

Question

HTML網頁以div格式呈現。我如何允許用戶點擊並選擇任何HTML標籤？類似於Firebug和Chrome如何做。我需要按原樣返回所選標記。

Answer 1

您div添加事件偵聽和檢查事件的target財產（srcElement用於IE）。

document.getElementById("page").onclick = function(e) { 
    var target = e.target || e.srcElement; 
    alert(e.target.tagName); 
}; 

http://jsfiddle.net/Xeon06/e67qW/1/

Answer 2

在jQuery中：

$.click(function(){ 
    var clicked = $(this); 
}); 

Answer 3

您可以將onclick屬性添加到返回本身每個HTML元素。

Chrome和Firefox也有一個懸停的概述元素艱難。爲了以一種簡單（和醜陋）的方式做到這一點，你可以爲html元素添加一個hover css僞類，它爲html元素添加1px的邊框。

*:hover{ 
    border: 1px solid; 
} 

一個更好的辦法是創建與相同尺寸和位置JavaScript的一個新的元素，所以它浮在現有元素