Javascript 如何根据url突出显示特定的表行
好的,假设我有一个包含名字和姓氏的表,我想根据url突出显示整行,例如,如果我有Javascript 如何根据url突出显示特定的表行,javascript,html,css,Javascript,Html,Css,好的,假设我有一个包含名字和姓氏的表,我想根据url突出显示整行,例如,如果我有example.com/test\namex 它将突出显示整行的表格 我试着使用我从中找到的css来实现这一点 a:目标{ 过渡:背景色1s,易于调整; -webkit过渡:背景色1s易于插入; -moz过渡:背景色1s易用; 背景颜色:黄色; } 纳梅克斯 名称2 纳米 名称2 在CSS中,您只需要:target(tr:target,如果您只想突出显示表行,而不想突出显示ID为的其他内容) 如果您愿意,也可以使
example.com/test\namex
它将突出显示整行的表格
我试着使用我从中找到的css来实现这一点
a:目标{
过渡:背景色1s,易于调整;
-webkit过渡:背景色1s易于插入;
-moz过渡:背景色1s易用;
背景颜色:黄色;
}
纳梅克斯
名称2
纳米
名称2
在CSS中,您只需要:target(tr:target,如果您只想突出显示表行,而不想突出显示ID为的其他内容)
如果您愿意,也可以使用JavaScript来实现
假设ID与哈希匹配,将其添加到页面的页眉
<script>
var srch = window.location.search;
document.querySelector(srch).style.background = "yellow";
</script>
纳梅克斯
名称2
纳米
名称2
是的,我没有看到ID。我刚才看到了textContent
对不起,那是什么语言?很抱歉,我对这一切还是有点陌生。@sionTea请查看我更新的答案,了解如何实现JavaScript Iwrote@mplungjan嗯,我没有让它工作,我把var srch=“#namex”//更改为window.location.search;document.querySelector(srch).style.background=“黄色”代码>在a中,但它不起作用,我可能做了一些错误的事情,我们真的不需要JS。他只需要仔细阅读他链接的问题……只使用:target{}
或tr:target{}
<script>
var srch = window.location.search;
document.querySelector(srch).style.background = "yellow";
</script>