Как добавить список гиперссылок (с их событиями и свойствами) динамически в div в Javascript?
Как добавить метки привязки динамически в div в Javascript?
Ответ 1
здесь чистая альтернатива Javascript:
var mydiv = document.getElementById("myDiv");
var aTag = document.createElement('a');
aTag.setAttribute('href',"yourlink.htm");
aTag.innerText = "link text";
mydiv.appendChild(aTag);
Ответ 2
Я рекомендую вам использовать jQuery, так как это облегчает процесс. Вот несколько примеров использования jQuery:
$("div#id").append('<a href="' + url + '">' + text + '</a>');
Если вам нужен список, как в <ul>
, вы можете сделать это:
$("div#id").append('<ul>');
var ul = $("div#id > ul");
ul.append('<li><a href="' + url + '">' + text + '</a></li>');
Ответ 3
<script type="text/javascript" language="javascript">
function createDiv()
{
var divTag = document.createElement("div");
divTag.innerHTML = "Div tag created using Javascript DOM dynamically";
document.body.appendChild(divTag);
}
</script>
Ответ 4
var newA = document.createElement('a');
newA.setAttribute('href',"http://localhost");
newA.innerHTML = "link text";
document.appendChild(newA);
Ответ 5
Еще одна вариация, хорошо украшенная, где setAttribute не требуется.
Есть 3 строки, которые не нужны, если Wetfox может сохнуть.
var saveAs = function (filename, content) {
if(filename === undefined) filename = "Unknown.txt";
if(content === undefined) content = "Empty?!";
let link = document.createElement('a');
link.style.display = "none"; // because Firefox sux
document.body.appendChild(link); // because Firefox sux
link.href = "data:application/octet-stream," + encodeURIComponent(content);
link.download = filename;
link.click();
document.body.removeChild(link); // because Firefox sux
};
Спасибо за помощь.