javascript - 如何获取HTML标签的 "data-files"属性的内容

Question

我想弄清楚如何获取 HTML 标记的引用内容。

这是我得到的 HTML:

<div class="html5videoplayer" id="player1" data-files="aGV5IG1hbg=="></div>

我正在尝试获取 data-files 属性的内容。

主要问题是我不知道如何获取特定属性的内容。我知道我可以使用 getElementById() 或 getElementsByClassName() 来识别整个类或 ID，但我不知道要获取特定属性。

如果您能给我提供线索，我将不胜感激。谢谢!

Answer 1

使用 data() jQuery 中的函数。

$('#player1').data('files');

在简单的 JS 中，

var data = document.getElementById('player1').dataset.files;

但对于像 IE8 这样的旧浏览器，您无法使用数据集获取它，

因此您可以使用此变通办法(仅当您不使用 jQuery 时才需要此方法，然后只需使用第一个建议。)，

var data = document.getElementById('player1').getAttribute('data-files');