Вставить, изменить, содержимое тега keywords javascript

В тег keywords можно вставить содержимое с помощью javascript , и таким же образом можно изменить keywords . Как изменить keywords, поменять keywords через js на странице - сегодня этим и займемся! Заменить ключевые слова через яваскрипт очень просто! Чтобы был виден процесс замены по нажатию, сделаем кнопку, на которую повесим onclick, после вам потребуется открыть исходный код и нажать по кнопке и вы увидите в живую процесс замены ключевых слов через js.

1. Кнопка замены keywords
2. Обратимся к keywords через js
3. onclick + setAttribute
4. Скрипт замены keywords через javascript
5. Живой пример как скрипт заменяет keywords через js

Кнопка для живого примера замены keywords

Для живого примера замены keywords прямо здесь и сейчас нам потребуется кнопка button с каким-то id!

код кнопки будет таким:

<button id="the_button">Нажми на меня!</button>

Обратимся к keywords через js

Вообще существует несколько вариантов обратиться к тегу...

Мы обратимся к тегу meta и атрибуту name со значением keywords с помощью querySelector

the_keywords = document.querySelector("meta[name="keywords"]");

Onclick + setAttribute

3. Далее нам понадобится setAttribute и соединим это с onclick
   

   document.querySelector('#the_button').onclick = function (){ the_keywords.setAttribute("content", "Привет мир "); }

Скрипт замены keywords через javascript

4. <button id="the_button">Нажми на меня!</button>

   <script>

   the_keywords = document.querySelector("meta[name="keywords"]");

   document.querySelector('#the_button').onclick = function (){ the_keywords.setAttribute("content", "Привет мир "); }

   </script>

Живой пример как скрипт заменяет keywords через js

5. Вам придется открыть код, но не ctrl + U, а например в хроме или Яндекс браузере - F12, в других
   браузерах ПКМ - по странице - и в выпавшем окне исследовать элемент - или похожее - ищем на самом верху meta со значением keywords и нажимаем на ниже идущую кнопку...
Нажми на меня!

Всего комментариев : 0Comments+ 2.0

1000

+ =

Отправить