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

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