Javascript 需要隐藏<;tr>;按名称属性
我需要通过属性名隐藏tr,这是代码Javascript 需要隐藏<;tr>;按名称属性,javascript,jquery,css,Javascript,Jquery,Css,我需要通过属性名隐藏tr,这是代码 <tr name="see items ordered"> <td> </td> </tr> 我尝试了下面的代码,但它不工作 <script type="text/javascript"> var xyz = document.getElementsByName("see items ordered"); xyz[0].style.display="none"; </script>
<tr name="see items ordered">
<td>
</td>
</tr>
我尝试了下面的代码,但它不工作
<script type="text/javascript">
var xyz = document.getElementsByName("see items ordered");
xyz[0].style.display="none";
</script>
var xyz=document.getElementsByName(“参见订购的项目”);
xyz[0]。style.display=“无”;
如果有任何方法可以使用js、jquery或css隐藏“按名称”属性,请帮助我。您需要将代码包装到dom就绪处理程序中。还可以使用名称值选择器以tr为目标:
$(document).ready(function(){
$('tr[name="see items ordered"]').hide();
});
您的代码似乎正常工作,您可能正在尝试访问添加到DOM中的元素之前,请使用document.ready确保元素添加到DOM中。或者只是在正文结束标记之前的脚本
$(document).ready(function(){
var xyz = document.getElementsByName("see items ordered");
xyz[0].style.display="none";
});
或者,把它放在body标签的末尾
<script type="text/javascript">
var xyz = document.getElementsByName("see items ordered");
xyz[0].style.display="none";
</script>
</body>
var xyz=document.getElementsByName(“参见订购的项目”);
xyz[0]。style.display=“无”;
以下是使用属性选择器的CSS解决方案
此选择器将查看请参见单词。检查
tr[name~="see"]
{color:green;}
请参阅附带的屏幕截图。
也许这样行得通。此处演示:
当Im添加此代码var xyz=document.getElementsByName(“请参阅订购的项目”)时,Im getting xyz[0]未定义;xyz[0]。style.display=“无”;这是因为getElementsByName没有返回您要查找的对象,您是否已将代码放入document.ready中?还是就在body标签结束之前?正如回答中所建议的那样,您是否为此包括jQuery?是的,但是加载混合活动内容时被阻止了错误“”您可以按照回答中的建议将脚本标记放在正文结尾标记的前面吗?您正在寻找的任何特定浏览器?我更改颜色文本只是为了显示它可以工作。如果要使用显示:无代码>文本将隐藏。我在这里还包括了一个屏幕截图。不,它不起作用,我需要将它应用于查看已订购的项目…不只是查看单词您的问题被误导了,因为问题说使用名称属性隐藏。您是否可以共享用于可见项目的名称属性
的文本。
<table>
<tr name="see items ordered">
<td>
Test 1
</td>
</tr>
<tr>
<td>
Test 2
</td>
</tr>
</table>
var xyz = document.getElementsByName("see items ordered");
xyz[0].style.display="none";