如果类列表包含多个特定类

2024-03-09

我需要一个函数来触发元素recordplayerstick包含pinplace or pinsongplay班级。我当前的代码返回语法错误。这样做的正确方法是什么?

if (document.getElementById('recordplayerstick').classList.contains('pinplace pinsongplay')) {
    removepin();
}

Since Element.classList.contains https://developer.mozilla.org/en-US/docs/Web/API/Element/classList#Methods仅接受一个类名,您需要单独检查每个类名。

你可以使用Array.prototype.some() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some以避免写一堆or状况

const el = document.getElementById('recordplayerstick')
const classNames = ['pinplace', 'pinsongplay']
if (classNames.some(className => el.classList.contains(className))) {
  removeping()
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果类列表包含多个特定类 的相关文章

  • Typescript:按值检查对象是否存在于数组中

    我有这个数据 roles roleId 69801 role ADMIN roleId 69806 role SUPER ADMIN roleId 69805 role RB roleId 69804 role PILOTE roleId
  • ReferenceError:找不到变量:需要

    我在加载时遇到问题node modules到我的网页之一 我已经安装了 npm node js 并且我想使用require 函数在我的网站上初始化 Firebase 我不知道为什么 但它抛出引用错误 ReferenceError 找不到变量
  • HTMLImageElement 作为 React Child 无效

    我正在尝试异步加载图像 并且仅在加载图像后才将其显示在 React 应用程序中 componentDidMount const img new Image img onload gt this setState originalImage
  • 是否可以禁用特定 jQuery Ajax 调用的 Turbolinks 以防止页面刷新和滚动?

    我有一个 Rails 5 应用程序 非常想使用 Turbolinks 在应用程序中 有几个 PATCH ajax 调用 它们只是用新数据更新服务器 但不需要担心更新页面的状态 每当这些 ajax 请求返回时 Turbolinks 就会刷新页
  • 我可以从 HTTP 请求中找到无线接入点的 BSSID(MAC 地址)吗?

    假设有人在咖啡店里无线连接到互联网 并向 johnsveryownserver com 发送 HTTP 请求 服务器端 有什么方法可以确定我的MAC地址吗 无线接入点他们连接到什么 请注意 我对他们机器的 MAC 地址不感兴趣 如果我无法使
  • 将 Sweet Alert 弹出窗口添加到 React 组件中的按钮

    我为 Bootstrap 和 React 找到了这个完美的 Sweet Alert 模块 我在 Meteor 应用程序中使用它 http djorg83 github io react bootstrap sweetalert http d
  • Swift 中的字典是否应该转换为类或结构?

    我正在开发一个本机 iOS 应用程序 该应用程序从我们也可以控制的 Web 服务接收 JSON 格式的数据 该计划是在大约 18 个月内更换后端数据库 以支持不同的平台 考虑到这一点 我们希望确保 iOS 应用程序能够相对容易地适应新的数据
  • 响应式网格布局框架[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 保存/导出Chrome的JavaScript控制台输入历史记录

    无论如何 我可以保存或导出 JavaScript 控制台的历史记录吗 input 控制台历史记录 在 Google Chrome 中 我不想保存输出或错误 因此将鼠标悬停在控制台框上 右键单击并选择Save as 不是解决方案 我不想每次都
  • iframe 重新加载按钮

    我浏览了很多网站 但似乎没有一个能正常工作 或者我不明白它们 我想要一个刷新某个 iframe 的简单按钮 该按钮将位于父页面上 并且 iframe 名称为 Right 有很多方法可以做到这一点 假设这个iframe markup 我们可以
  • v-file-input .click() 不是函数

    我试图以编程方式触发 v file input 的 click 事件 因为它在 Vuetify 的文档中 但它显示一个错误this refs imagePicker click is not a function我在这里错过了什么吗 代码重
  • Aptana Studio 3 上的预览选项卡在哪里?

    我在 Windows PC 上使用 Aptana Studio 2 并有一个选项卡用于在 IE 上预览页面 另一个选项卡用于在 Firefox 上预览 但我切换到了 Aptana 3 我不知道是没有预览还是我没有找到它 是的 我在 stac
  • AJAX:检查字符串是否为 JSON?

    我的 JavaScript 有时会在这一行崩溃 var json eval this responseText 当争论时会导致崩溃eval 不是 JSON 在进行此调用之前有什么方法可以检查字符串是否为 JSON 我不想使用框架 有什么方法
  • 用数组反向查找对象

    假设我有一个这样的对象 resourceMap a 0 1 2 3 4 5 6 7 8 9 10 b 11 12 c 21 23 d 54 55 56 57 510 确定是否的最佳方法是什么resourceId 21将会 c 我们不知道钥匙
  • 访问 TypeScript 数组的最后一个元素

    TypeScript 中有访问数组最后一个元素的符号吗 在 Ruby 中我可以说 array 1 有类似的东西吗 您可以通过索引访问数组元素 数组中最后一个元素的索引将是数组的长度 1 因为索引是从零开始的 这应该有效 var items
  • WebRTC:通道、轨道和流与 RTP SSRC 和 RTP 会话之间的关系

    来自 Mozilla 网站 https developer mozilla org en US docs Web API Media Streams API https developer mozilla org en US docs We
  • ng-model 和值组合不适用于输入文本框

    我有两个输入文本框 我需要组合在两个文本框中输入的值并将其显示在第三个文本框中 如果我只使用value在第三个文本框中 Box 1
  • 需要js、d3 和 nvd3 集成

    我面临整合的问题要求 questions tagged requirejs with d3 questions tagged d3 and nvd3 questions tagged nvd3 我找到了一个使用 require 的简单解决方
  • 您如何看待引导模式触发器的相应回调?

    On 引导模态 http getbootstrap com javascript modals 我们知道我们可以为触发器绑定事件 例如show or hide using show shown hide hidden 但此事件绑定仅适用于一
  • 如何在 SVG 元素上使用箭头标记?

    我需要在 d3 js 中创建一个箭头 但我找到的只是带有节点图的示例 我需要的是简单地制作一个从 A 点到 B 点的箭头 我尝试实现以下示例中的部分代码 http bl ocks org 1153292 http bl ocks org 1

随机推荐

  • 我应该在会话 cookie 名称中包含下划线吗?

    我很好奇自版本 3 以来是否有人使用 Laravel 当 cookie 名称中有下划线时 在各种版本的 IE 中设置 cookie 时遇到问题 我在我的项目 一个基于 CI 的电子商务网站 中遇到了这个问题 问题已修复 删除 cookie
  • 使用接口编写 DAO 类

    我正在创建一个新的 Web 应用程序 它将使用一堆数据访问对象 DAO 类对数据进行 CRUD 操作 我知道当我有外部用户 应用程序使用我的 DAO 类时我应该编写 java 接口 但如果没有这样的需要 你认为我还应该写接口吗 我将使用 s
  • PHPExcel 所需日期 dd/MM/yy

    我正在使用 PHPExcel Lib 下载 Excel 工作表 并且在下载的 Excel 工作表中需要列日期格式 如 25 May 17 而不是 25 05 17 我能够添加数字格式 25 05 17 但不像 25 May 17 下面是我的
  • 如何将 php 中的数字 1,000 格式化为 1k

    我正在尝试格式化 php 中数字的输出 我显示了一定数量的帖子 每个用户旁边是帖子总数 但它显示了实际数量 我希望它以更短的格式显示 实际上 就像他们在 SO 享有盛誉的那样 有任何想法吗
  • 为什么 QXmlQuery 似乎在结果中添加了“\n”? (以及如何解决?)

    编写一些代码来从 XML 中提取一些值 XPath 的结果似乎添加 n内容之后 include
  • jquery 验证中 min="0" 是否存在错误?或者我忽略了什么?

    jQuery 验证似乎可以很好地工作min 1 and min 1 但不与min 0 考虑一下这个jsFiddle http jsfiddle net Bridgeland RAJZX 2 它适当地反对 第一个值 5input元素和第三个元
  • 我该如何处理“from”必须长度为1的错误?

    我尝试计算特定日期之间的天数 我有 2 列包含所有字符向量 start date lt c 2015 01 10 2015 01 11 2015 02 24 end date lt c 2015 03 10 2015 04 01 2015
  • Docker 容器中的 MySQL 绑定地址

    我想构建一个容器 它可以绑定到多个IP地址 绑定地址存储在my cnf 没关系 如何定义它或者使用 a 注释掉Dockerfile授予远程访问权限 sed https www gnu org software sed 通常是执行此类任务的首
  • 无法在 iOS 8 中将搜索栏色调更改为透明

    从 Xcode 5 升级到 6 现在我的搜索栏色调为黑色 尝试通过故事板右侧窗格 gt 条形色调 将其更改为清晰的颜色 但它仍然是黑色 还以编程方式尝试 self searchBar setTintColor UIColor clearCo
  • Excel:如果单元格 1 包含 X、Y 或 Z,则单元格 2 应等于 W

    从标题来看 我需要 Excel 根据相应的 A 行单元格内容自动填充 B 行单元格 所以如果细胞A1包含 X 或 Y 或 Z 则单元格B1应等于 W 或者如果A1包含 G 或 H 或 J 细胞B1应等于 W 您可以尝试将以下公式添加到 B1
  • PHP Laravel:无法建立连接,因为目标机器主动拒绝它

    我正在 Laravel 5 中构建一个 Web 应用程序 该应用程序应该获取存储在 MySQL 数据库中的 类别名称 并显示一个表单以添加新的 类别名称 当我执行命令时php artisan serve我导航到http localhost
  • 位置:子元素上的粘性行为,而父元素不粘性?

    我正在努力实现一些我不确定是否可能实现的目标 请注意 我正在寻找仅 CSS 的解决方案 我知道我可以用 JS 解决这个问题 但我不想这样做 考虑下面的笔 https codepen io fchristant pen PjoKOq http
  • 使用 Alter 命令的 Oracle 存储过程

    我正在尝试构建一个 Oracle 存储过程 它将接受表名作为参数 然后该过程将重建表上的所有索引 我的问题是在存储过程中使用 ALTER 命令时出现错误 就好像 PLSQL 不允许该命令一样 Use the execute immediat
  • 如何使用 Ant、文件和文件夹“chmod -R +w”?

    我想做相当于chmod R w foo in an Ant构建脚本 到目前为止我正在使用这个
  • 如何解决 Tridion 弹出页面中的“Tridion 未定义”错误?

    我正在自定义功能区工具栏并向其添加一个按钮 每当我单击该按钮时 它都会打开一个 aspx 页面 允许作者选择一些数据 这些数据将附加到现有的 RTF 字段内容中 但是当打开弹出窗口时 浏览器 Internet Explorer 中出现以下错
  • 使用队列进行基数排序

    我想创建一个基数排序 http en wikipedia org wiki Radix sort使用队列实现 我无法弄清楚我的代码的哪一部分有问题或者我应该阅读哪些资源 我的代码可能完全错误 但这是我的实现 没有任何帮助 我还没有参加数据结
  • 不带重定向的不记名令牌 WEB API asp.net core

    我是 ASP NET Core 的新手 我正在尝试使用来自 Google Facebook 的 jwt 身份验证和 OpenOauth 制作一个小型 Web 服务 我读过这篇文章 https stormpath com blog token
  • System.Windows.Threading.DispatcherTimer 在哪里?

    快到长周末了 我正在尝试创建一个 DispatcherTimer 我找到了一些示例代码 但由于缺少命名空间而无法运行它 我有命名空间 System Windows Threading 但我可以在哪个程序集中找到它 我尝试了 System S
  • Pandas GroupBy 中的计数和连接整数

    假设这是我的 df A B C 0 a 33 13 1 b 44 14 2 a 55 15 3 a 66 16 4 b 77 17 5 c 88 18 我尝试得到这样的东西 A B B C count list sum 0 a 3 33 5
  • 如果类列表包含多个特定类

    我需要一个函数来触发元素recordplayerstick包含pinplace or pinsongplay班级 我当前的代码返回语法错误 这样做的正确方法是什么 if document getElementById recordplaye