0

一旦图像加载到页面上,我只需要图像显示为 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";
}

但什么都没有发生……我错过了什么?

4

2 回答 2

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";
}

jsfiddle 上

虽然同样可以通过 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>

jsfiddle 上

于 2013-05-03T21:48:55.167 回答
0

为什么不能只使用css?

img {
    border: 2px solid green;
}
于 2013-05-03T21:46:53.060 回答