hrefJavaScript kullanarak bir bağlantıya özniteliği dinamik olarak nasıl ekleyebilirim ?
Temel hrefolarak <a></a>dinamik olarak bir öznitelik eklemek istiyorum (yani, kullanıcı web sitesindeki belirli bir resmi tıkladığında).
Yani:
<a>Link</a>
Gitmem gerek:
<a href="somelink url">Link</a>
Yanıtlar:
var a = document.getElementById('yourlinkId'); //or grab it by tagname etc
a.href = "somelink url"
HTMLLinkElementgibi belirli alanların ayarlanmasını destekleyen tanımlanmış yöntemlere sahiptir href. Kullanmak zorunda kalmadan hangisini kullanabileceğinizi görmek için referansa bakmalısınız setAttribute. Başka bir örnek, oluşturmak ve tabloya eklemek zorunda kalmadan yeni satırlar eklemek için kullanabileceğiniz <table>öğedir ( HTMLTableElement ) . insertRow()<tr>
setAttribute()ve yerine özellikleri kullanmayı tercih etmelisiniz getAttribute(). Bkz stackoverflow.com/questions/4456231/...
<a>Öğe için DOM nesnesini nasıl elde edeceğinizi bildiğinizi varsayıyorum (kullanım document.getElementByIdveya başka bir yöntem).
Herhangi bir öznitelik eklemek için, DOM nesnesinde setAttribute yöntemini kullanmanız yeterlidir :
a = document.getElementById(...);
a.setAttribute("href", "somelink url");
setAttributeaçıkça standarttır ( w3.org/TR/DOM-Level-2-Core/core.html#ID-F68F082 ), ve W3C, çalışmadığı herhangi bir özelliği tanımlamaz. Tersine, özelliği kullanmanın belirli öznitelik adları için başarısız olacağını garanti edebilirim. Gibi tagName, ve setAttribute- bunlar zaten Eleman arayüzünün alanları / yöntemleridir. Özniteliklerin özelliklerinden bahseden W3C belgesinde hiçbir yerde göremiyorum.
tagName. Özel niteliklerden mi bahsediyorsunuz?
getAttributeve setAttribute; "tagName"bir özellik olarak çalışamayan bir öznitelik örneğidir. Özellikleri yalnızca HTML ile çalışırken ve DOM HTML spesifikasyonunda tanımlanan belirli özellikler için, nitelikleri okumak ve atamak için kullanabilirsiniz.
tagName olduğu bir özelliği ElementHTML ve XML Doms hem JavaScript nesneler, ve üzerinden bir elementin etiket adı alınamıyor getAttribute("tagName")(gerçekleştirme aşamasında ait IE, haricinde getAttribute()ve setAttribute()tam ne dediğini tersini görünüyor bozuldu).
İlk olarak, değiştirmeyi deneyin <a>Link</a>için <span id=test><a>Link</a></span>.
Ardından, aradığınız javascript işlevine şuna benzer bir şey ekleyin:
var abc = 'somelink';
document.getElementById('test').innerHTML = '<a href="' + abc + '">Link</a>';
Bu şekilde bağlantı şöyle görünecek:
<a href="somelink">Link</a>
href, var olan bir a etikete bir nasıl ekleneceği ile ilgili gibi görünüyor ( temelde <a> </a> dinamik olarak bir href niteliği eklemek istiyorum ). Ancak bu cevap nasıl açıklayan gibi görünüyor oluşturmak bir abir sahip etiketi href.
document.getElementById('link-id').href = "new-href";
Bunun eski bir gönderi olduğunu biliyorum, ama işte bazı insanlar için daha uygun olabilecek tek satırlık bir yazı.
setAttribute). Bu yaklaşımın standart olup olmadığını bilen var mı?