Вставить, изменить, содержимое тега 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 и нажимаем на ниже идущую кнопку...
Нажми на меня!

---

Вас может еще заинтересовать список тем : #JS | #QUERYSELECTOR |

---

Теги:
Изменить keywords через js