Как можно поменять хеш в JavaScript?

Question

[Funny_Cat]

У меня есть список фотографий, на каждой есть ссылка href, открывающая модальное окно (оно является единственным для всех фотографий - контент подгружается с помощью AJAX в зависимости от клика по конкретному изображению).

Как сделать, так чтобы вместо адреса "website.ru/user.php?=1800#modal" URL выводился в следующем виде "website.ru/user.php?=1800#photo10980". Как возможно реализовать это на JavaScript (использую чистый JS). И как программно можно менять таргетируемый элемент, имитирующий клик href для добавления хеша?

<div class="user_image">
	<a class="click_photo" id="click<?php echo $row["photo_id"]; ?>" href="#modal">
        // ...
</div>

<a href="#x" class="overlay" id="modal"></a>
<div class="popup" id="popup"></div>

Answer 1

[profesor08]

getAttribute

<a ... data-photo-id="photo123789">...</a>

let links = document.querySelectorAll("[data-photo-id]");

for(let i = 0; i < links.length; i++) {
  let link = links[i];
  link.addEventListener("click", function() {
    opendModal(link.getAttribute("href") + link.getAttribute("data-photo-id"));
  });
}