Çözüldü JavaScript'te otomatik link nasıl yapılır?

kaiimbi · 14 Temmuz 2022

Merhaba arkadaşlar, JavaScript'e yeni başladım ve bir şey denemek istiyorum <li><p>sanayi<p><li>
Mesela sanayi kelimesine tıkladığımda kendi kendine Google'da arama yapsin. Bu Li'lerden cok fazla oldugu icin ayri ayri yapamam.
Bir de target="_blank" bunu nasıl tum linklere uygulayabileceğimi bilen var mı?

Kerem00 · 14 Temmuz 2022

JavaScript'in document özelliği ile her p etiketinde for döngüsü döndürüyoruz. Her bir p etiketi için bir a etiketi oluşturup a etiketinin innerText, href ve target özelliklerini ayarlıyoruz. En son olarak da appendChild() fonksiyonu ile p etiketinin içine kendi oluşturduğumuz a etiketini ekliyoruz.

Bu benim bulduğum çözüm. Alternatif çözümleri de olabilir. Anlamadığınız kısımları sorabilirsiniz.

JavaScript:

for (const element of document.getElementsByTagName("p")) {
    let a = document.createElement("a");
    a.innerText = element.innerText;
    a.setAttribute("href", "https://www.google.com/search?q=" + element.innerText);
    a.setAttribute("target", "_blank");
    element.innerText = "";
    element.appendChild(a);
}

pottie4r · 14 Temmuz 2022

kaiimbi dedi:
Merhaba arkadaşlar, JavaScript'e yeni başladım ve bir şey denemek istiyorum <li><p>sanayi<p><li>
Mesela sanayi kelimesine tıkladığımda kendi kendine Google'da arama yapsin. Bu Li'lerden cok fazla oldugu icin ayri ayri yapamam.
Bir de target="_blank" bunu nasıl tum linklere uygulayabileceğimi bilen var mı?

Kod:

let items = document.getElementsByTagName("li");
//Ya da li elementlerine class verip öyle seçin.

for(let i = 0; i < items.length; i++)
{
    let item = items[i];
    let link = document.createElement("a");
    link.href = "https://www.google.com/?q=" + item.children.innerText;
    link.innerText = item.children.innerText;
    item.children.replaceWith(link);
}

Mobilden yazdim calismayabilir.

Çözüldü JavaScript'te otomatik link nasıl yapılır?

Ayrıntılı düzenleme

kaiimbi

Hectopat

Kerem00

Kerem00

Gigapat

pottie4r

Megapat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz