Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Добавить событие на кнопку (https://javascript.ru/forum/dom-window/82689-dobavit-sobytie-na-knopku.html)

Vaska 14.06.2021 12:07

Добавить событие на кнопку
 
Приветствую!

Есть три кнопки с сылками:

<ul>
    <li><a href="/home/Sellersns/add.html">Публикации</a></li>
    <li><a href="/home/Sellersns/setting.html">Настройки</a></li>
    <li><a href="/home/Storesnshome/index.html?sid=1">Просмотр</a></li>
</ul>

sid= меняет свой параметр.
Нужно, чтобы третья кнопка открывала страницу по своей ссылке в новом окне. Нужно добавить target="_blank" или как-то иначе решить задачу.
В кнопках нет никаких индивидуальных аттрибутов и я не знаю к чему зацепиться. К слову в ссылке? Как?

Заранее спасибо за любую помощь!

рони 14.06.2021 14:02

Vaska,
<!DOCTYPE html>

<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    </style>

    <script>
document.addEventListener( "DOMContentLoaded" , function() {
document.querySelectorAll("a[href*='index.html?sid']").forEach(a => a.setAttribute("target", "_blank"))
  });
    </script>
</head>

<body>
<ul>
    <li><a href="/home/Sellersns/add.html">Публикации</a></li>
    <li><a href="/home/Sellersns/setting.html">Настройки</a></li>
    <li><a href="/home/Storesnshome/index.html?sid=1">Просмотр</a></li>
</ul>

</body>
</html>

Vaska 14.06.2021 14:27

рони,
спасибо, всё прекрасно работает!


Часовой пояс GMT +3, время: 19:03.