如何获取元数据？

问题描述

我想做的是获取特定的元数据。

正在寻找或类似的东西：

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

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

我正在尝试获取data-userid值。其他问题没有帮助，因为它们只是询问如何获取元数据的content。

编辑：

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

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);
}

解决方法

您可以在特定元素中使用getAttribute()方法来检索值。

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

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

,

一个页面中可以有多个meta标签， 在这种情况下，您应该添加其他参数（例如名称）来唯一地标识您要查找的元素，

您可以使用dataset来获取数据值：

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

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

,

//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">