如何检索元标签数据？

Question

我想做的是获取某个元标记。

寻找类似的东西：

<meta name="age" data-userid="number">

var meta = document.getElementsByTagName('meta');
var id = meta.substring(34, 37);
console.log(id);

我正在尝试获取

data-userid

值。其他问题确实没有有帮助，因为它们只是询问如何获取元的

content

。

我的代码来自答案之一（仍然不起作用）：

var idl = localStorage.getItem("id");
if (typeof idl !== 'undefined' && idl !== null){}else if (typeof idl == 'undefined' || idl == null){
    localStorage.removeItem("id");

    var meta = document.getElementsByTagName('meta')[0];
    var idget = meta.getAttribute("data-userid");
    var id = idget;
    localStorage.setItem("id", id);
}

Answer 1

您可以在特定元素中使用

getAttribute()

方法来检索值。

var meta = document.getElementsByTagName('meta');
console.log(meta[0].getAttribute("data-isunder13"));

<meta name="age" data-isunder13="some value">

Answer 2

一个页面中可以有多个meta标签， 您应该添加其他参数，例如本例中的名称，以唯一标识您正在查找的元素，

您可以使用

dataset

来获取数据值：

const value=document.querySelector('meta[name="age"]').dataset.isunder13;
console.log(value);

<meta name="age" data-isunder13="false">

Answer 3

//Using JS
var meta = document.getElementsByTagName('meta')[0];
console.log(meta.getAttribute("data-isunder13"));

//Using JQuery
var data = $('meta[name=age]').attr('data-isunder13');
console.log(data);

//Using JS
var meta = document.getElementsByTagName('meta')[0];
console.log(meta.getAttribute("data-isunder13"));

//Using JQuery
var data = $('meta[name=age]').attr('data-isunder13');
console.log(data);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta name="age" data-isunder13="false">