获得元素的类铬
get element by class for chrome
本文关键字:元素 更新时间:2023-09-26
我正试图将此代码添加到chrome扩展中,以便在聊天框可用时提醒我。它在一个类名为shoutbox的div中,目前它不起作用。
function Detection(){
if(document.getElementsByClassName("shoutbox")!=null){
alert('Chat is available.')
}
}
Detection();
更新的代码:页面加载和警告对话框永远不会出现。
function Detection(){
if(document.getElementsByClassName("shoutbox").length > 0){
alert('Chat is available.')
}
}
window.onload = Detection;
== null
不会检测到空数组(没有结果)。你可以写
if(document.getElementsByClassName("shoutbox").length > 0){
alert('Chat is available.')
}
如果chatbox从一开始就不在页面上,后来才添加(这很容易检查-只需查看页面源代码),您可以监视DOMSubtreeModified
事件,该事件将在对页面DOM进行任何修改时触发:
document.addEventListener('DOMSubtreeModified', function(e) {
if(document.getElementsByClassName("shoutbox").length > 0){
alert('Chat is available.')
}
});
document.getElementsByClassName("shoutbox")
返回一个元素数组,如果没有找到任何内容则返回一个空白数组。要查看元素是否存在,请检查数组的长度。
if(document.getElementsByClassName("shoutbox").length > 0){
相关文章:
- CKEditor Widget-阻止编辑可编辑元素本身
- 如何设置html元素填充的动画
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 表追加而不附加最后一个元素
- 如何在jQuery中获取元素的形式
- 我可以获得相对于被点击元素的确切点击位置吗
- 在函数中添加数组元素的数值
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 将视口底部滚动到元素底部
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 在不使用JQuery的情况下隐藏DOM中的选定元素
- 如何使用jquery处理php循环通过元素
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 在Jquery detachment()和appendTo()之后定位元素
- 在动态创建的元素上获取对特定选择器的引用
- 根据元素和容器大小计算边距