Html 悬停在链接上

我有一个问题： 当您将鼠标悬停在段落上方时，是否有任何方法显示

ID

？ 我用小提琴来解释它

希望你们知道这是否可能

---

谢谢

如果在将鼠标悬停在链接上时设置了p内容，则将使用onmouseover。获取p元素并在JavaScript中设置innerText/innerhtml

<a href="somepage.php?id=3" data-id="3" onmouseover="document.getElementById('ptag').innerHtml(this.getAttribute('data-id'))">hover</a>

<p id="ptag"></p>

但是，这种方法不会解析链接的url

<a href="somepage.php?id=3" data-id="3" onmouseover="document.getElementById('ptag').innerHtml(this.getAttribute('href'))">hover</a>

<p id="ptag"></p>

这将在p标签中显示指向用户的链接

---

此链接将帮助您解析url并从链接中获取id值

如果您在将鼠标悬停在链接上时设置了p内容，则将使用onmouseover。获取p元素并在JavaScript中设置innerText/innerhtml

<a href="somepage.php?id=3" data-id="3" onmouseover="document.getElementById('ptag').innerHtml(this.getAttribute('data-id'))">hover</a>

<p id="ptag"></p>

但是，这种方法不会解析链接的url

<a href="somepage.php?id=3" data-id="3" onmouseover="document.getElementById('ptag').innerHtml(this.getAttribute('href'))">hover</a>

<p id="ptag"></p>

这将在p标签中显示指向用户的链接

---

此链接将帮助您解析url并从链接获取id值。纯CSS解决方案：您可以将

：after

psudo元素与

attr（）

CSS函数结合使用

#name_1{
背景颜色：金色；
}
#姓名2{
背景色：天蓝色；
}
#名称_1:hover:：after{
内容：attr（id）；
位置：绝对位置；
字号：2em；
字体大小：粗体；
颜色：红色；
背景颜色：淡紫色；
}
#名称_2:hover:：after{
内容：attr（id）；
位置：绝对位置；
字号：2em；
字体大小：粗体；
颜色：红色；
背景颜色：淡紫色；
}

文本
文本
text
text

纯CSS解决方案：您可以将

:after

psudo元素与

attr（）

CSS函数结合使用

#name_1{
背景颜色：金色；
}
#姓名2{
背景色：天蓝色；
}
#名称_1:hover:：after{
内容：attr（id）；
位置：绝对位置；
字号：2em；
字体大小：粗体；
颜色：红色；
背景颜色：淡紫色；
}
#名称_2:hover:：after{
内容：attr（id）；
位置：绝对位置；
字号：2em；
字体大小：粗体；
颜色：红色；
背景颜色：淡紫色；
}

文本
文本
text
text

要从查询字符串中获取id 而不是元素（）的id， 您可以使用jquery

$（this）.attr（'href'）

，然后根据url模式拆分结果字符串。 见：

---

下次不要混淆变量名称。

要获取查询字符串中的ID 而不是元素（）的id， 您可以使用jquery

$（this）.attr（'href'）

，然后根据url模式拆分结果字符串。 见：

---

下次不要混淆变量名称。

您是指查询字符串中的Id？您必须尝试一些方法，如果不起作用，您可以问一个显示代码的问题。Google“ShowID onmouseover”是的，我是指查询字符串中的id你是指查询字符串中的id？你必须尝试一些东西，如果它不起作用，你可以问一个显示代码的问题。Google“show id on mouseover”是的，我是说查询stringNice解决方案中的id，但是OP需要对属性解决方案进行解析，但是OP需要对属性进行解析，你能帮我吗？我对jsUpdated答案没有什么经验，没有参加过测试，但要点是如果它有帮助，你可能需要更新问题，说悬停在链接上，你能帮我吗？我对jsUpdated答案没有什么经验，没有在一个comp进行测试，但要点是，如果它有帮助，你可能需要更新问题，说悬停在一个链接上