0

Как сделать, чтобы при нажатии на ссылку, заголовок с классом .maintitle подставлялся в конец пути этой ссылки и переходил на неё?

<h1 class="maintitle">Музей Искусств</h1>
<a class="map-link" href="https://yandex.ru/maps/krasnodar/">Ссылка</a>

0

2 ответа 2

0

var mapLinks = document.getElementsByClassName('map-link');

for(let i = 0; i < mapLinks.length; i++) {
  mapLinks[i].addEventListener("click", function(e) {
    e.preventDefault();
    let headerText = mapLinks[i].closest(".wrapper").getElementsByClassName("maintitle")[0].textContent;
    location.href = mapLinks[i].getAttribute("href") + headerText;    
  })
}
<div class="wrapper">
  <h1 class="maintitle">Музей Искусств</h1>
  <a class="map-link" href="https://yandex.ru/maps/krasnodar/">Ссылка</a>
</div>

Возможно ещё понадобиться UrlEncode

0

Про якоря можно почитать здеся, тута и в гогле

Например:

<a type="button" href="#archor">move to</a>
<div style="padding-bottom:200%;"></div>
<p><a name="archor">Some title</a></p>

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.