Korekcja ciapek

Question

Hejoo, mam taki kod w JS:

    var title = document.createElement('h2');
    title.appendChild(document.createTextNode(post.title));
    title.classList.add('text-center');

Zmienna post.title trzyma tytuł, chcę to obrobić w odnośnik. Aby było <a href="post.title">post.title</a>

Próbowałem na logikę tak:

    var title = document.createElement('h2');
    title.appendChild(document.createTextNode('<a href="'+post.title+'">"'+post.title+'"</a>"'));
    title.classList.add('text-center');

Ale wypluwa mi dosłownie:

<a href="dsadsa">"dsadsa"</a>"

Nie miałem pomysłu na tytuł...

Answer 1

Stwórz sobie element <a>, następnie jako property href i textContent przypisz post.title. Dopiero to wrzuć jako parametr do title.appendChild(). Prawidłowo zrobiłeś w przypadku <h2>.

var title = document.createElement('h2');
var anchor = document.createElement('a');
anchor.href = post.title;
anchor.textContent = post.title;
title.appendChild(anchor);
title.classList.add('text-center');

 

Comments

Ooo, Dziękuję bardzo. C:

---

@JSHolic,
A mam jeszcze pytanko, jak mój link poprzedza view/tutaj_link to jak to rozgryźć? Próbowałem = "view/"+post.title; ale efekt podobny jak poprzednio^^

 

Ok, rozgryzłem to - dodawałem do textContent, zamiast href. :P

---

`view/${post.title}`

btw

"view/"+ post.title też powinno działać