phpjsJqueryhtmlcssblog

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

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =

---