メタタグをキャプチャする方法

Question

JavaScriptを使用してメタタグの値を入力する関数を記述しようとしています。

これは私のメタタグです。

<meta my-data-id="home"> 

とスクリプトを試しました。

document.getElementsByTagName('meta')[0].getAttribute('my-data-id') 

しかし、一部のページでは、私のメタタグが常に[0]になっているとは限りません。これを書くための他の方法はありますか？

Answer 1

使用attribute selector：document.querySelector("meta[my-data-id]").getAttribute("my-data-id")

あなたは、ブラウザのJSコンソールで実行することにより、SO上でこれを試してみることができます：HTML5が唯一の明示的custom attributes that start with data-をサポートしていることを

document.querySelector("meta[content]").getAttribute("content"); 

注意。