Dodanie linka w jednym elemencie createTextNode

Question

Mam tooltipa, który pokazuje rożne rzeczy. Jedna z tych rzeczy powinna być odnośnikiem, ale nie mogę sobie poradzić z tym jak uzyskać link na pojedynczym tekście.

description = document.createTextNode(
     `Coś1: ${zmienna}\nCoś2: ${zmienna2}\nCoś3: ${zmienna3}`
);
tooltip[i].appendChild(description);

Próbowałem nadać kotwicę, ale jakbym nie robił to po prostu wyświetla się adres linku zamiast tworzyć link, więc zastanawiam się czy jest to w ogóle możliwe przy createTextNode? Czy muszę rozdzielić to na kilka createTextNodów (przedlinkowy, linkowy, polinkowy)?

Answer 1

czy jest to w ogóle możliwe przy createTextNode

Niemożliwe, bo link to element <a>, a textNode to fundamentalnie... tekst - nie link ani nawet nie element.

(AFAIK ogólnie rzadko się używa createTextNode - częściej się tworzy "normalny" element i wypełnia tekstem używając .textContent)

Comments

Element nie istnieje zawsze, tylko w określonych przypadkach, więc nie używam przypisania za pomocą .textContent, tylko tworzę tu nowy element

---

To nie wpływa na nic, co powiedziałem :)

Answer 2

Powinieneś stworzyć nowy element i nadać mu typ "a" jak link, potem za pomocą setAttribute dodać adres, itd

Comments

Nie rozumiesz pytania z pierwszego postu. Pytanie dotyczy właśnie czy mogę to wrzucić do createTextNode. Wyszło, że nie mogę. musi być osobno (czy jak Ty to nazywasz 'niezaleznie"). Muszę rozdzielić cały createTextNode na trzy:

przedlinkowy, linkowy i polinkowy createTextNode (kod poniżej, który mi działa)

a nie mogę wrzucić linka do creatTextNoda.
 

let a = document.createElement('a');
let linkName = document.createTextNode(`(zmienna2)`); 
                     
a.appendChild(linkName);
a.title = `${innaZmienna}`; 
a.setAttribute("href", "info.php?id=" + jeszcze inna zmienna); 
tooltip[i].appendChild(a);

I oryginalny kod:

 

description = document.createTextNode(
     `Coś1: ${zmienna}\nCoś2: ${zmienna2}\nCoś3: ${zmienna3}`
);
tooltip[i].appendChild(description);

Pomniejszony o Coś2, które jest tam wyżej teraz osobno

---

Zrozumiałem pytanie, bo

Wyszło, że nie mogę. musi być osobno

Taka była moja pierwsza odpowiedź :) https://forum.pasja-informatyki.pl/495080/dodanie-linka-w-jednym-elemencie-createtextnode?show=495081#a495081

---

W której napisałeś:

 

czy jest to w ogóle możliwe przy createTextNode

Tak

 No, a odpowiedź jest "nie", bo musi być niezależnie.

---

Ah, juz poprawiłem, przepraszam.

W oryginalnym pytaniu przypadkiem przeczytałem "czy to jest w ogóle niemożliwe" więc napisałem "tak". No i reszta mojej wypowiedzi powinna zasugerować, że przypadkiem tam źle wpisałem i miałem na myśli "nie" ;)

---

No i teraz się wszystko zgadza :D.