Question

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

我需要将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

非常具体地获取您所追求的元标记（如果有多个元标记，则为事件）：

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

Answer 3

对于单个元标记：

<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]')...

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

{{1}}

详细了解选择器https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors

Answer 4

如果只有一个项目，那么只需

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

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

4 个答案: