我如何更改创建元素的属性
how can i change attribute of a creating element
我创建了一个元素,例如a
。
alink=document.createElement("a");
然后我设置属性:
alink.setAttribute("style","border: 0px;");
alink.setAttribute("style","color: red;");
...
现在我想在插入后更改属性。
当我创建这个元素时,我将它插入到 iframe 中。那么是否可以在插入后更改属性?
我可以读取 document.getElementById("link").href
之类的属性,但是如何更改 color
或 font-size
之类的属性(样式)......
颜色和字体大小不是属性。它们是 CSS 个属性。
例如,您已将 link 插入到文档中:
var alink = document.createElement("a");
document.body.appendChild(alink);
然后执行以下操作来设置其 style
属性:
//Case one
alink.setAttribute("style","border: 0px;");
alink.setAttribute("style","color: red;");
错了!不要这样做。相反,这样做:
//Case two
alink.style.border = 0;
alink.style.color = "red";
现在这将按预期工作。
我创建了一个元素,例如a
。
alink=document.createElement("a");
然后我设置属性:
alink.setAttribute("style","border: 0px;");
alink.setAttribute("style","color: red;");
...
现在我想在插入后更改属性。
当我创建这个元素时,我将它插入到 iframe 中。那么是否可以在插入后更改属性?
我可以读取 document.getElementById("link").href
之类的属性,但是如何更改 color
或 font-size
之类的属性(样式)......
颜色和字体大小不是属性。它们是 CSS 个属性。
例如,您已将 link 插入到文档中:
var alink = document.createElement("a");
document.body.appendChild(alink);
然后执行以下操作来设置其 style
属性:
//Case one
alink.setAttribute("style","border: 0px;");
alink.setAttribute("style","color: red;");
错了!不要这样做。相反,这样做:
//Case two
alink.style.border = 0;
alink.style.color = "red";
现在这将按预期工作。