一旦图像加载到页面上,我只需要使用2px,绿色,实心边框显示图像。我有这个:
img = getElementsByTagName("img");
for(i = 0; i < img.length; i++)
{
img[i].style.borderStyle = "solid";
img[i].style.borderWidth = "2px";
img[i].style.borderColor = "green";
}
但是什么都没发生......我错过了什么?
答案 0 :(得分:0)
为什么你不能只使用css?
img {
border: 2px solid green;
}
答案 1 :(得分:0)
以下是使用javascript更改样式以分配样式值的示例
CSS
div {
width: 30px;
height: 30px;
}
HTML
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
的Javascript
var elements = document.getElementsByTagName("div");
var length = elements.length;
var element;
for (var i = 0; i < length; i += 1) {
element = elements[i];
element.style.borderStyle = "solid";
element.style.borderWidth = "2px";
element.style.borderColor = "green";
}
上
虽然只用CSS定义就可以实现同样的目标
CSS
div {
width: 30px;
height: 30px;
border-style: solid;
border-width: 2px;
border-colour: green;
}
HTML
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
上