Как захватить мета-тег

#javascript

#javascript

Вопрос:

Я пытаюсь написать функцию для заполнения значения мета-тега с помощью JavaScript.

это мой мета-тег;

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

и сценарий, который я пробовал.

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

Но на некоторых страницах мой мета-тег не всегда находится в позиции [0]. Есть ли другие способы написать это?

Ответ №1:

Используйте селектор атрибутов: document.querySelector("meta[my-data-id]").getAttribute("my-data-id")

Вы можете попробовать это на SO, запустив в консоли JS вашего браузера:

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

Обратите внимание, что HTML5 явно поддерживает только пользовательские атрибуты, начинающиеся с data- .

Комментарии:

1. Выполняется ли ваш скрипт до <meta> рендеринга?

2. Нет, он запускается после мета-тега, но я также попробовал его в консоли и получил Null..

3. извините, что-то не так в сценарии, который я пробовал. Но теперь он работает, за исключением того, что он возвращает HTML, а не фактическое имя тега.