cost 191 ms
JavaScript:如何根据HTML代码中的数据属性设置JavaScript代码中的src? - JavaScript: How can I set src in the JavaScript code based on data attributes in the HTML code?

我想在我的网站上使用其中的 6 个 Before/After 音频播放器: https://github.com/mattbartley/AB-Audio-Player 但是,音频文件的来源设置在 JavaScript 代码中。 所以当我在我的 HTML 中实现这个播放器的多个实例时,它们都播放相 ...

滚动事件上的 Bootstrap Collapse 元素 - Bootstrap Collapse element on a scroll event

我正在开发一个 Angular 应用程序并使用 Bootstrap 5.2。 我在卡片上使用Collapse组件,它可以完美地使用数据属性。 但是,我想触发滚动事件的折叠,目前我将卡片固定在屏幕顶部,当用户开始滚动时,我希望卡片的主体折叠起来。 我能够通过使用 Typescript 在元素上实例化折 ...

在 dropdownlistfor 的 onchange 事件上更改 div - Changing div on onchange event of dropdownlistfor

如您所见,我使用数据属性加载 div DataSet_Data,其中包含从 url.action 返回的部分视图。 它在页面加载时正确加载数据 url 并加载正确的局部视图。 我想要做的是当下拉列表更改为使用更新的数据 url 操作重新加载 div 原始数据 url 属性的第一个 console. ...

自定义数据属性 HTML 嵌套问题 + 使用 GTM 和 GA4 收集数据 - Custom Data Attributes HTML Nesting issues + Data Collection using GTM and GA4

我正在使用 HTML 代码中的自定义数据属性 ( data-* ) 在我的网站上开发自定义事件跟踪。 收集的数据应使用 Google 跟踪代码管理器(支持使用变量、触发器和标签进行数据收集)发送到 Google Analytics。 但是,我面临几个问题。 我有不同的子级数据属性类别。 例如: d ...

HTML data-attribute html 元素不能直接设计 - HTML data-attribute html element can't design directly

我写了一些 HTML 数据属性代码,并在里面添加了 HTML 标签。 但是我不能在不添加任何 class 名称的情况下设计它们。 例如; 这是我的数据属性; 如果我要设计这个,我可以毫无问题地设计它。 只需在 css 样式表中声明 class 并进行设计即可。 但是如果我想设计没有任何 class ...

HTML 数据属性不接受孩子 html class 和其他属性 - HTML data-attribute not accepting child html class and other attribute

当我使用数据属性时,它接受常规的 html 标签。 但不接受儿童班。 例如,看我的第一段代码; 它运行良好,因为我在这里添加了常规的 html 标签。 但是当我在 data-****** 属性中添加 class 和值时,它不起作用。 看第二个代码; 如何在一个数据属性 HTML 标签中添加图像、类、 ...

Javascript:操作HTML中数据属性里面的数据 - Javascript: manipulate data inside data attributes in HTML

我有一个 html/js 代码,它从 json 获取数据并将其呈现给 html 表。 它已经工作了一段时间了。 最近处理的项目数量大大增加,不能再静态地将数据放入 html 中。 所以我更改了 html 中的代码,现在我正在使用数据属性,以及一个循环遍历 json 文件中的每个项目并将其写入 htm ...

haskell 基于公共属性的自定义数据类型排序列表,无需使用模块 - haskell sorting list of custom datatypes based on common atributes without usingf modules

我试图订购具有不同大小属性的自定义数据类型列表,以验证数据类型格式是否为真,但我不知道如何使用快速排序来操作它。 数据类型: 我正在测试与快速排序的模式匹配,但它没有任何意义。 Output 应该是: ...

如何使用数据属性和 JS 对象更改无序列表的内容? - How do I change the contents of an unordered list using Data attributes and JS objects?

我有动态列表项需要根据范围 slider 的输入进行更改。我在我的 HTML 中使用了一个有数据属性。 我创建了 JS 对象,我想根据 slider 的位置来填充列表。 这是我的 HTML: 这是我的对象: 这是 function: 我还包括我的codepen以供查看 ...

是否存在无法移除 html 元件的情况? - Is there a case where an html element can't be removed?

我有这个 html 代码(如下所示),我正在尝试完全删除带有 data-doctype="Comment" 的元素及其所有子元素。 使用此代码,我可以获得我的元素(这是肯定的,因为控制台日志返回的 .innerHTML 显示了正确的 html),但是子元素没有被删除,无论是 obj.removeC ...

隐藏具有相同数据属性但不是单击的元素 - Hide Element with same data-attr but not the one clicked

我有 2 个带有按钮的独立元素来控制同一件事。 我已经设置了一个data-attr ,所以 2 个元素(它们做同样的事情)具有相同的data-attr值 - 例如左上角的dosomething与左下角的domething2具有相同的 data-attr 值。 现在我想在单击左上角的dosometh ...

从 javascript 设置 vue prop - Setting vue prop from javascript

我们有一个旧的 MVC 应用程序,其中混合了 UI 技术,从 razor 页面到 JQuery 到 Vue 本机。 我遇到的问题是新的 vue 组件在隔离时工作得很好,但我们想从旧的 javascript 文件中实例化组件及其属性。 这可以在 Vue 入口脚本之外完成吗? 本质上,我们有一个加载客 ...

针对数组过滤逗号分隔的数据属性 - Filter comma-separated data-attribute against an array

我正在为即将发生的事件构建一个过滤器,并且我已经准备好通用功能,只要每个事件都是单一类型(比如说:输入“congress”),它就可以完美运行。 但是现在,可能会有多种类型的事件,其值类似于“congress,hybrid”。 所以我需要检查一个逗号分隔的数据属性中的一个值是否是给定数组的一部分。 ...

单击显示并更新另一个 div 中的数据属性 - On click display and update data-attribute in another div

我有一个测验并单击答案(按钮/链接)。 我想就答案是否正确提供反馈。 我认为使用data-可能是最好的方法,但我想我可以隐藏几个段落,并在单击时只显示链接到按钮的段落。 人们对此有何看法? 文本长度是否是data-的问题——因为我从未以这种方式使用它/使用这么多的副本? 如果在添加/更改内容时容器以 ...

当两个变量具有相同的值时更改样式属性 - Change style attribute when two variables have same value

我有 10 个元素,其中 2 个总是有其他数据属性名称,比如 2 个元素有data-spot="lorem1"和另外两个data-spot="lorem2"等。当我在时应该显示元素网站上的特定位置 - 我已经有了获取位置的函数,它可以将位置输出为字符串,如lorem1 lorem2 ... 类el ...

在 javascript 中使用 data-attribute 来改变元素的宽度 - Use data-attribute in javascript to alter elements width

我还是新手,所以如果这个问题太琐碎或问题已经讨论过,请原谅我。 我没有找到任何具体的东西,这导致我提出了一个新问题。 也就是说,事情是这样的: 我将值从我的数据库传递到数据属性中,以便在 javascript 中使用它们来改变某些元素(即图形)的宽度。 应该根据检索到的值更改的元素是 p-Tag( ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM