如何使用html，javascript将属性的值存储在变量内？

Question

我在大型html文件中有一行<meta property="product:price:amount" content="3.05"/> 。

我需要将content的值存储在变量中，以便可以全局访问它。 我怎样才能做到这一点？

Answer 1

只需使用querySelector捕获它即可获得它的content属性。

 const content = document.querySelector('meta').content; console.log(content); 

 <meta property="product:price:amount" content="3.05"/> 

如果有多个meta标记：

 const elems = document.querySelectorAll('meta'); let content = Array.from(elems).find(v => v.content).content; console.log(content); 

 <meta property="product:price:amount"/> <meta property="product:price:amount"/> <meta property="product:price:amount" content="3.05"/> 

Answer 2

为了非常明确地获取您要使用的meta标签（如果有多个meta标签，请执行以下操作）：

var variable = document.querySelectorAll('meta[property="product:price:amount"]')[0].content;

Answer 3

对于单个元标记：

 var myGlobal = document.querySelector('meta[content]').getAttribute('content'); document.body.textContent = myGlobal; 

 <meta property="product:price:amount" content="3.05"/> 

如果您有很多标签：

 var contentArray = []; document.querySelectorAll('meta[content]').forEach(function(meta){ contentArray.push(meta.getAttribute('content')); }); document.body.textContent = contentArray.join(' - '); 

 <meta property="product:price:amount" content="3.05"/> <meta property="product:quality:amount" content="9.25"/> <meta property="product:id:amount" content="1.0"/> 

如果您想更详细地了解标签，可以更改选择器：

...querySelector('meta[property="product:price:amount"][content]')...

了解更多有关选择器的信息https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Introduction_to_CSS/Selectors

Answer 4

如果只有一项，那么只需

document.getElementsByTagName("meta")[0].content