如何在JavaScript中修改链接的样式

How to modify style to a link in JavaScript?

本文关键字:链接 样式 修改 JavaScript      更新时间:2023-09-26

如何使div中的文本(变量名的内容)成为链接?换句话说:在不使用jQuery的情况下将样式更改为"a"。

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

就像你对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>"