当前位置：文江博客话题详情

突出显示 html 元素

发布于 2025-01-02 01:30:20 字数 122 浏览 1 评论 0原文

如何使用 javascript 突出显示 html 元素，以检查链接到该元素的 html 和 css 选择器。突出显示可能只是边框或背景的更改（因此不会破坏布局）以及显示 html 元素和连接到该元素的 css 选择器的工具提示。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

当梦初醒 2025-01-09 01:30:20

你可以这样做：

$('div, a, span, p').hover(function(){
    $(this).css({ "border": "2px solid red" });
    console.log($(this));
},function(){
    $(this).css({ "border": "none" });
});

我会使用 Firebug (FF) 或 Console (Chrome) 来检查元素。

You could do something like this:

$('div, a, span, p').hover(function(){
    $(this).css({ "border": "2px solid red" });
    console.log($(this));
},function(){
    $(this).css({ "border": "none" });
});

I'd use Firebug (FF) or Console (Chrome) to inspect elements though.

回复收藏 0 原文

噩梦成真你也成魔 2025-01-09 01:30:20

如果我理解正确的话，听起来您只需要使用类似 Firebug for Firefox 或开发者工具 (F12) 的东西对于IE。每个浏览器都有它们。

它们可以让你突出显示任何内容并使用任何 CSS 选择器。 Web 开发人员绝对必备的工具。

回复收藏 0 原文

晌融 2025-01-09 01:30:20

您是否考虑过使用像 Firebug 这样的工具？这做得非常出色，显示页面的源代码并在鼠标悬停时突出显示元素。此外，在三大浏览器（Chrome、FF、IE）的最新版本中，都有一个内置的检查器。在 FF 10 中，右键单击任何内容，然后单击“检查元素”。在 Chrome 中，过程是相同的。在 IE 9 中，按 F12，然后按 Ctrl+B 并单击所需的元素。

回复收藏 0 原文

嘿咻 2025-01-09 01:30:20

如果你使用google chrome，可以在查看/开发者/开发者工具中启用开发者工具。
选择此菜单时，浏览器底部会出现一个带有菜单的框架（此处您应该单击“元素”按钮）。
在此菜单下，您将看到文档的来源。
当鼠标悬停在浏览器中的某些标签（即：）上时，该元素将突出显示，并且您将能够看到突出显示标签的属性。

回复收藏 0 原文

~没有更多了~