如何将样式修改为 JavaScript 中的链接？

Question

如何让div中的文字（变量名的内容）变成链接？换句话说：在不使用 jQuery 的情况下将样式更改为“a”。

var newtit=document.createElement('div');
newtit.id=name; // name is a variable
newtit.innerHTML= name; 
document.getElementById("w3c").appendChild(newtit);

Answer 1

只需执行您对 div 所做的操作，但不是创建 div，而是创建一个锚元素。添加你想要的链接作为 href 属性。

var newtit=document.createElement('a');
newtit.href = "http://www.google.com"
newtit.innerHTML= "linkylink"; 
document.getElementById("w3c").appendChild(newtit);

根据您的内容，首先创建 div，然后将锚元素附加到它

var tab = document.createElement("div");
tab.id = "TabX";
document.getElementById("w3c").appendChild("tab");

var link = document.createElement("a");
link.href = "#TabX";
link.innerText = "Tab XX";
document.getElementById("TabX").appendChild("tab");

或者直接将锚点写入内部 HTML

tab.innerHTML = "<a href='#TabX'>Tab XX</a>"