Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.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 如何使用onclick属性选择span?_Javascript_Html - Fatal编程技术网

Javascript 如何使用onclick属性选择span?

Javascript 如何使用onclick属性选择span?,javascript,html,Javascript,Html,我正在尝试制作一个用于过滤论坛中的线程和用户的小脚本,我已经准备好了线程过滤的代码。使其适应用户筛选应该与更改选择器一样简单,但是除了a(具有任何目标属性)之外,我尝试的任何选择器都不起作用,在使用高级选择器之前,我直接尝试通过span获取元素,但也不起作用,因此问题不在于选择器 我在这里复制了线程列表: //用于线程 //document.querySelectorAll('a[href*=“showthread.php”]”) //对于用户 //document.querySelecto

我正在尝试制作一个用于过滤论坛中的线程和用户的小脚本,我已经准备好了线程过滤的代码。使其适应用户筛选应该与更改选择器一样简单,但是除了
a
(具有任何目标属性)之外,我尝试的任何选择器都不起作用,在使用高级选择器之前,我直接尝试通过
span
获取元素,但也不起作用,因此问题不在于选择器

我在这里复制了线程列表:

//用于线程
//document.querySelectorAll('a[href*=“showthread.php”]”)
//对于用户
//document.querySelectorAll('span[onclick*=“member.php?u=“]”)
//过滤器
变量过滤器=[“无用”、“测试”、“都德”、“用户”];
//代码
var FilterThis=document.querySelectorAll('a');
for(变量i=0;i
正文{
利润率:32px;
}
a:链接{
颜色:#cc3300;
文字装饰:无;
}
a:参观了{
颜色:#cc3300;
文字装饰:无;
}
a:悬停,a:活动{
颜色:#330099;
文字装饰:下划线;
}
运输署{
字体:10pt verdana;
}
.tborder{
背景:#d1d1;
颜色:#000000;
边框:0px实心#a1a1;
}
.alt1{
背景#f1f1;
颜色:#000000;
}
.smallfont{
字体:11px verdana;
}

使用者
使用者
伙计
伙计
那个家伙
您的问题在于:

  checkToBlock(FilterThis[i], "text");
以上内容适用于

要获取元素的文本内容,属性为
textContent
。修改您的代码如下:

  checkToBlock(FilterThis[i], "textContent");
这里还有一个经过修改的片段:

//用于线程
//document.querySelectorAll('a[href*=“showthread.php”]”)
//对于用户
//document.querySelectorAll('span[onclick*=“member.php?u=“]”)
//过滤器
变量过滤器=[“无用”、“测试”、“都德”、“用户”];
//代码
var FilterThis=document.querySelectorAll('span[onclick*=“member.php?u=“]”)
for(变量i=0;i
正文{
利润率:32px;
}
a:链接{
颜色:#cc3300;
文字装饰:无;
}
a:参观了{
颜色:#cc3300;
文字装饰:无;
}
a:悬停,a:活动{
颜色:#330099;
文字装饰:下划线;
}
运输署{
字体:10pt verdana;
}
.tborder{
背景:#d1d1;
颜色:#000000;
边框:0px实心#a1a1;
}
.alt1{
背景#f1f1;
颜色:#000000;
}
.smallfont{
字体:11px verdana;
}

使用者
使用者
伙计
伙计
那个家伙

那么您正在查看锚定,而您正在查找的文本是跨中文本?那你为什么选择锚呢?还有文字?你是说短信内容?你说得对,没关系。但是,您调用
。querySelectorAll
正在工作。问题出在代码的其他地方。您可以在调用后注销FilterList的结果来检查这一点。你应该会收到5个元素。我正在选择锚点以证明代码工作正常,它会过滤锚点中我想要的任何文本,但当我将选择器从锚点更改为div或span时,它会停止工作。感谢你的回答,但它不工作,请检查我附带的代码笔,我尝试了
span
div
,但没有工作,只有
a
我不明白。无论如何,在选择器中,我尝试使用通配符,所以它应该可以工作。我相应地修改了我的答案:)我明白了,那是我的错误,非常感谢您的帮助。但我仍然不明白为什么我的代码能够完美地与锚一起工作/这里有一个确切的答案:如果你发现我的答案是有用的,请考虑把我的答案标记为选择的(我知道你还没有足够的代表来投票,但这也很酷:)