javascript - 使用 Javascript 处理元数据

Question

我正在尝试使用 JavaScript 从 html 页面读取元数据。我创建了所有元标记的数组，并且正在尝试读取属性字段，但我似乎无法让它工作。这是控制台:

>meta[6]
  <meta property=​"og:​image" content=​"http:​/​/​www. example.com/img/1.png">​
>meta[6].property
  undefined
>meta[6].content
  "http:​/​/​www. example.com/img/1.png"

我如何能够访问内容但不能访问属性字段以及如何获取属性？

Answer 1

回答问题:

"How am I able to access the content but not the property field"

内容是 HTML meta element 的标准属性，因此浏览器将为相关 DOM 元元素创建等效的 DOM 属性。

属性不是 HTML meta element 的标准属性，因此某些浏览器不会创建类似的属性(例如 Firefox)，而其他浏览器(例如 IE)则会创建类似的属性。因此 getAttribute 应用于任何非标准属性值，但直接 DOM 属性访问应用于标准属性值。

作为一般规则，您不应在 HTML 元素上使用非标准属性，然后您始终可以使用 DOM 属性访问值(这是最适合 HTML DOM 元素的方法)。

请注意 HTML5 meta element与上面链接的 HTML 4.01 元素相同，但是 HTML 4 规范可能是目前在一般 Web 上使用的更好的规范。 HTML5 特定代码实际上只应在针对特定浏览器的 HTML5 功能时使用。