我可以將字符串變量傳遞<a href>給網站鏈接的標簽嗎？</a>

Question

我對 web 開發有點陌生，所以我正在努力學習。 我有一個 500 x 500 的 div。在那個 div 里面我有兩個 div，每個 250x500。 所以我的外部 div 被兩個內部 div 填滿。

我進行了設置，以便當我單擊第一個 div（左側）時，會調用 JavaScript，並且會彈出一個提示框詢問網站 URL，然后將其存儲在字符串變量中。

如何使第二個 div（右側）從左側 div 的警報框中獲取字符串變量並將其放入 a href 標記中，以便我可以從右側 div 鏈接到網站？

aa href 標簽可以接受來自變量的值作為其鏈接嗎？ 也許我做錯了，有沒有更好的方法可以解決這個問題？ 任何幫助表示贊賞！

Answer 1

有DOM創建方法：

// Create an element
var aEl = document.createElement("a");

// Ask the user for the URL
aEl.href = prompt("Please enter the website URL");

// Determine whether to use innerText or textContent
if ("innerText" in aEl)
    aEl.innerText = aEl.href;
else
    aEl.textContent = aEl.href;

// Add the link to the right div
document.getElementById("rightDiv").appendChild(a);

或者直接的 innerHTML 方法：

var url = prompt("Please enter the website URL");
document.getElementById('rightDiv').innerHTML = '<a href="'+url+'">'+url+'</a>';

Answer 2

您可以使用：

document.getElementById('yourlink').href = 'entered link';

我沒有測試過，但我相信它應該可以工作。