Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Вывести переменную в ссылку href (https://javascript.ru/forum/dom-window/74638-vyvesti-peremennuyu-v-ssylku-href.html)

LexxeHoK 26.07.2018 06:53

Вывести переменную в ссылку href
 
Доброго дня.
Может немного глупый вопрос я временно перешел на JS и понял что даже такую простую вещь не могу сообразить.
Необходимо в скрипре провести некие манипуляции с соотвествующими условиями и получить переменную
var link = "/newLink.html";
и эту переменную вытащить сюда
<a href="/oldLink.html">

С первым проблем нету а вот как вывести <a href=link> тут затык у меня. Нужно чтоб переходило на ссылку из link. Спасибо.:(

Dilettante_Pro 26.07.2018 10:28

LexxeHoK,
А ссылка уже есть?
Если нет, то читайте здесь

j0hnik 26.07.2018 12:19

LexxeHoK,
не тем занимаетесь, что в ОБЩЕМ сделать хотите?

LexxeHoK 26.07.2018 13:12

Цитата:

Сообщение от j0hnik (Сообщение 491046)
LexxeHoK,
не тем занимаетесь, что в ОБЩЕМ сделать хотите?

Есть див. в нем href. Необходимо динамически менять в нем адрес.

допусти в js прописал

var a = "";
if (b == 4) {
a = "/myLink.html";
} else {
a = "/otherLink.html";
}

и на странице вместо <a href="/oldLink.html"> вставить <a href=a>

j0hnik 26.07.2018 13:19

Цитата:

Сообщение от LexxeHoK
вставить <a href=a>

<a href="">

<script>
var a = document.querySelector('a'), b = 4;
if (b == 4) {
a.href = "/myLink.html";
} else {
a.href = "/otherLink.html";
}
</script>

LexxeHoK 26.07.2018 13:52

Цитата:

Сообщение от j0hnik (Сообщение 491060)
<a href="">

<script>
var a = document.querySelector('a'), b = 4;
if (b == 4) {
a.href = "/myLink.html";
} else {
a.href = "/otherLink.html";
}
</script>

Не хотит работать. Редиректит на саму себя. почему <a href=""> остается пусто?

j0hnik 26.07.2018 13:55

все работет

<a href="">

<script>
var a = document.querySelector('a'), b = 4;
if (b == 4) {
a.href = "/myLink.html";
a.textContent = "/myLink.html";
} else {
a.href = "/otherLink.html";
a.textContent =  "/otherLink.html";
}
</script>



<a href="">

<script>
var a = document.querySelector('a'), b = 3;
if (b == 4) {
a.href = "/myLink.html";
a.textContent = "/myLink.html";
} else {
a.href = "/otherLink.html";
a.textContent =  "/otherLink.html";
}
</script>


может селектор ссылки не тот у вас?
document.querySelector('a') - берет первую из документа

LexxeHoK 26.07.2018 14:03

Нет ссылка только одна в скрипте. Эксперементирую, почему не работает.

LexxeHoK 26.07.2018 15:35

Всем спасибо, заработало так.

<a href="">

var b = 4;
b == 4 ? $("a").attr("href", "/myLink.html") : $("a").attr("href","/otherLink.html");


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