Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何根据url突出显示特定的表行_Javascript_Html_Css - Fatal编程技术网

Javascript 如何根据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为的其他内容) 如果您愿意,也可以使

好的,假设我有一个包含名字和姓氏的表,我想根据url突出显示整行,例如,如果我有
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>