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 應該是： ...

Angular 組件中的數據屬性

[英]Data-attribute in Angular component

我知道我可以像這樣向組件中的元素添加數據屬性： 但是如何向組件本身添加數據屬性呢？ 我希望像任何其他@Input 一樣聲明它，但我找不到任何關於它的信息？ 有人知道嗎？ ...

如何使用數據屬性和 JS 對象更改無序列表的內容？

[英]How do I change the contents of an unordered list using Data attributes and JS objects?

我有動態列表項需要根據范圍 slider 的輸入進行更改。我在我的 HTML 中使用了一個有數據屬性。 我創建了 JS 對象，我想根據 slider 的位置來填充列表。 這是我的 HTML： 這是我的對象： 這是 function： 我還包括我的codepen以供查看 ...

將數據屬性插入 Bootstrap 5 彈出框

[英]Insert Data Attribute into Bootstrap 5 Popovers

我有一系列按鈕，其中包含我想插入到它們切換的彈出窗口中的數據屬性。 HTML： JS： 當我在彈出窗口中的文本鏈接上 hover 時，變量為“未定義”。 我不知道如何正確獲取用戶名數據屬性。 ...

使用 jquery 按多個數據屬性過濾內容

[英]Filter content by multiple data attributes using jquery

使用 jQuery 和 Bootstrap，我創建了一個簡單的過濾功能。 代碼也在 jsFiddle 下面。 但不知何故它不起作用=沒有顯示結果。 盡管有一些元素應該符合標准。 那有什么問題呢？ $(document).ready(function() { $(".filters-1 li").c ...

是否存在無法移除 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（ ...

使用 Javascript 獲取動態創建的選擇列表的數據屬性

[英]Getting Data Attributes on Dynamically Created Select Lists using Javascript

我在動態創建的選擇列表上有一個 onchange 函數，它試圖獲取數據屬性，但我得到一個“未定義”的值。 HTML 生成的代碼是： 任何幫助將不勝感激。 ...