javascript - 可视化选择 HTML 元素

标签 javascript html

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

最佳答案

在您的 div 上添加事件监听器并检查事件的 target 属性(IE 为 srcElement)。

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

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

关于javascript - 可视化选择 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7637553/

相关文章:

html - 锥形渐变重复了很多次,我怎么能重复一次呢?

html - 是否可以在 iframe 前面放置一些东西?

javascript - ReactJS - 带有 map js 的嵌套循环

javascript - 如何验证 Grafana 图表并将其嵌入 iframe?

javascript - Codeigniter 中的 Ajax 仅更改 View 中的 div

javascript - 当我运行 Mocha 测试时,我总是收到错误 : connect ECONNREFUSED

javascript - 是否可以将此 ClojureScript 转换为 JavaScript?

html - 将 ng-repeat 中的对象传递到另一个页面以显示其内容

html - 在主 div(或正文)上获得 100% 高度/宽度边框

HTML - 将 id 作为数字的替代方案?