Javascript 直观地选择HTML元素

HTML网页在div中呈现。如何允许用户单击并选择任何HTML标记？类似于Firebug和Chrome的做法。我需要按原样返回所选标记。

在jQuery中：

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

在jQuery中：

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

---

在您的div上添加一个事件监听器，并检查IE的事件目标属性srcElement

---

在您的div上添加一个事件监听器，并检查IE的事件目标属性srcElement

您可以向每个返回自身的html元素添加onclick属性

Chrome和Firefox也有一个鼠标悬停，勾勒出元素的轮廓。为了以一种简单而丑陋的方式实现这一点，您可以为html元素添加一个hover css伪类，该类为html元素添加一个1px的边框

*:hover{
  border: 1px solid;
}

更好的方法是使用javascript创建一个具有相同度量和位置的新元素，并给它一个z索引，使其浮动在现有元素上方

您可以为每个返回自身的html元素添加onclick属性

Chrome和Firefox也有一个鼠标悬停，勾勒出元素的轮廓。为了以一种简单而丑陋的方式实现这一点，您可以为html元素添加一个hover css伪类，该类为html元素添加一个1px的边框

*:hover{
  border: 1px solid;
}

---

更好的方法是使用javascript创建一个具有相同度量和位置的新元素，并给它一个z索引，使其浮在现有元素上方

我最初的想法是允许拖动一个矩形来选择一组元素，但是我想我在确定用户真正想要在层次结构元素中选择哪个子元素时会遇到问题。我也可以使用$.mouseover应用CSS边框来提供视觉反馈。我最初的想法是允许拖动一个矩形来选择一组元素，但我想我在确定用户真正想要在分层元素中选择哪个子元素时会遇到问题。所以我没有真正思考就把它调低了。也可以使用$.mouseover应用CSS边框来提供视觉反馈a'la firebug不要删除它。相反，接受一个答案，让其他人也有同样的问题。如果你不想以后因为这个问题而感到尴尬的话，在问问题之前要三思而后行。就我个人而言，我不会为此担心。我可以继续…不要删除它。相反，接受一个答案，让其他人也有同样的问题。如果你不想以后因为这个问题而感到尴尬的话，在问问题之前要三思而后行。就我个人而言，我不会为此担心。我可以继续。。。。