2017-04-16 160 views
-3

比如我想使用DOM修改: <a href="/helium.html"></a>等於<a href="/helium.html">Helium</a>如何使用DOM爲Javascript中的<a>標籤創建標籤?

有什麼樣的setAttribute()方法來做到這一點?

+0

你會想用'.innerHTML' /'.innerText' /'.textContent'作爲ANC hor標籤有內在的內容。你有沒有嘗試過任何東西? – NewToJS

+0

'.innerText'或'.innerHTML'或'.textContent' –

+1

不知道你爲什麼在這裏提到屬性,但我也建議你先檢查MDN或谷歌可到達的不同源。簡單的查詢'插入文本到DOM元素JavaScript,我得到了很多答案。下一次更多你自己的參與。 –

回答

0

是;設置元素的innerHTML屬性。

例如,如果你的<a>標籤如下所示:

<a href="/helium.html" id="SOMETHING"></a> 

然後改變其標籤的代碼將是:

document.getElementById("SOMETHING").innerHTML = "Helium"; 

爲了獲得更好的性能,德里克朕會功夫的建議,請使用textContent代替:

document.getElementById("SOMETHING").textContent = "Helium"; 
+3

*咳嗽*'.textContent' *咳嗽* –

+0

@Derek朕會功夫same diff – APerson

+1

'.innerHTML'不如'.textContent'安全,因爲它不會轉義HTML代碼。 –

0

U se querySelector找到具有指定的href屬性的a元素,在這種情況下爲​​。

var elems = document.querySelector('a[href="/helium.html"]'); 
 
    elems.innerHTML = "Helium";
<a href="/helium.html"></a>

-1

假設你的困難是因爲該鏈接沒有ID,這裏是一個班輪在JQuery中,將改變您的具體鏈接的文本與氦(這使用的JQuery StartWith選擇在HREF屬性):

<script> 
     $(document).ready(function() { 
     $('a[href="/helium.html"]').text("Helium"); 
     }); 
</script> 
相關問題