it-swarm.dev

JavaScript kullanarak dinamik olarak HTML'de çapa etiketleri oluşturma

Bağlantı etiketleri ve javascript ile ilgili bir sorum var. URL'yi bağlantı etiketine dönüştürme

Metin kutusu bir URL'yi kabul eder (örn. "Www.youtube.com")

Bağlantıya "http: //" ekleyen bir Javascript işlevi yaptım.

Dönüştür düğmesinin sizi web sitesine başka bir sekmede yönlendiren bir bağlantı eklemesi için bunu nasıl yaparım.

Javascript kodum aşağıdaki gibidir:

var webpage="";
var url="";
var message="";
var x= 0;
var page="";

function convert()
{       
    url=document.getElementById("link").value;
    webpage = "http://" + url;  
}
8
Kyle Goertzen

Öğeleri oluşturabilir ve gerekli özellikleri uygulayabilirsiniz. Sonra yeni paragrafı çıktı paragrafına ekleyin.

function generate() {
    var a = document.createElement('a');
    
    a.href = 'http://' + document.getElementById('href').value;    
    a.target = '_blank';
    a.appendChild(document.createTextNode(document.getElementById('href').value));
    document.getElementById('link').appendChild(a);
    document.getElementById('link').appendChild(document.createElement('br'));
}
Link: <input id="href"> <button onclick="generate()">Generate</button>
<p id="link"></p>

4
Nina Scholz

function addLink()
{       
    var url = document.getElementById("link").value;
    var webpage = "http://" + url;
    
    var a = document.createElement("a");                 // create an anchor element
    a.href = webpage;                                    // set its href
    a.textContent = url;                                 // set its text
    
    document.getElementById("container").appendChild(a); // append it to where you want
}
a {
  display: block;
}
<div id="container"></div>
<br><br>
<input id="link"/><button onclick='addLink()'>ADD</button>

0
ibrahim mahrir

JavaScript yazmayı bildiğini varsayıyorum, o yüzden oraya gitmeyeceğim. Sorun, bir <a> etiketinin target niteliğini anlamaktır.

W3Schools: Hedef Özelliği

0
Anthony Rutledge

Bunu dinamik olarak bir bağlantı etiketi ekleyerek yapabilirsiniz.

var mydiv = document.getElementById("myDiv");
var aTag = document.createElement('a');
aTag.setAttribute('href',webpage);
aTag.innerHTML = "link text";
mydiv.appendChild(aTag);

Lütfen daha fazla referans için buraya bir göz atın

Javascript'teki div'e dinamik olarak etiket etiketleri nasıl eklenir?

0
RupamDotInfo