Вход

Просмотр полной версии : Добавить событие на кнопку

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
рони,
спасибо, всё прекрасно работает!