如何在网页中输出meta标签的值

Question

在我的网页中，我有一个meta

<meta name="version" content="2.42">

我想在页面的某处输出content属性的值，以避免代码中某处的相同值是两倍。喜欢

<p>&copy; Copyright 2020, Ver. myVersionNumber</p>

和myVersionNumber应该是对元“版本”的content属性的引用。我怎样才能做到这一点？

预先感谢和最诚挚的问候

Answer 1

使用JS检索值，然后将其放入所需的标记中，如下所示：

var metaElementCollection = document.getElementsByTagName('meta');

  for (let i = 0; i < metaElementCollection.length; i++) {
    if (metaElementCollection[i].getAttribute('name') === "version") {
      document.getElementById('v1').textContent = metaElementCollection[i].getAttribute('content');
    }
  }
  

<meta name="version" content="2.42">
<p>&copy; Copyright 2020, Ver. <span id = "v1"></span></p>

Answer 2

您可以使用JavaScript访问meta标签值：

const versionElem = document.querySelector('meta[name="version"]');
document.getElementById('version').textContent = versionElem.content;

<meta name="version" content="2.42">

<p>&copy; Copyright 2020, Ver. <span id='version'>myVersionNumber</span></p>