Как подставить текст заголовка в ссылку через JS?

Question

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

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

Answer 1

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

Answer 2

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

Например:

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

БЛОГ НА HUSL

Как подставить текст заголовка в ссылку через JS?

Ответы (2 шт):