Javascript 如何获取；“数据文件”；HTML标记的属性

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

以下是我得到的HTML：

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

我正在尝试获取

数据文件

属性的内容

主要问题是我不知道如何获取特定属性的内容。我知道我可以通过使用

getElementById（）

或

getElementsByClassName（）

识别整个类或id，但获取特定属性对我来说是未知的

如果你能给我一个线索，我将不胜感激。谢谢大家!

您可以使用：

data-*

是html5的属性，可用于存储元素的特定数据。如果元素上有多个

数据-*

属性，那么它将返回一个包含所有键和值的对象。

使用jQuery中的函数

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

在简单的JS中

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

但对于像IE8这样的旧浏览器，您无法使用dataset获得它

因此，您可以使用此解决方法（仅当您不使用jQuery时才需要此方法，然后只需使用第一个建议即可）

---

在这种情况下，您可以使用jquery函数访问数据文件的内容

---

您可以使用JQuery

data（）

函数或

attr（）

函数获取内容

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

<script>
$(document).ready(function(){   
    var result_dataFun = $("#player1").attr("data-files");//Using data() function
    var result_attrFun = $("#player1").data("files"); //Using attr() function
    alert(result_dataFun);
    alert(result_attrFun);
});
</script>

使用jQuery：

var dataFiles = $('#player1').attr("data-files");

---

没有jQuery：

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

---

这两个选项都可以在任何浏览器中使用

---

您可以在尝试这两种方法。

这不是一个“标记”，而是一个属性。为什么会有人对此进行投票？可能是重复的

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

<script>
$(document).ready(function(){   
    var result_dataFun = $("#player1").attr("data-files");//Using data() function
    var result_attrFun = $("#player1").data("files"); //Using attr() function
    alert(result_dataFun);
    alert(result_attrFun);
});
</script>

aGV5IG1hbg==

var dataFiles = $('#player1').attr("data-files");

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