使用javascript DOM1更改borderStyle

一旦圖像加載到頁面上，我只需要圖像以2px，綠色，純色邊框顯示。我有這個：使用javascript DOM1更改borderStyle

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

但是什麼都沒有發生......我錯過了什麼？

來源

2013-05-03 isolatedhowl

實現我看起來，你是缺少「文檔ument「。來自getElementsByTagName，除非你爲它創建了一個快捷方式的變量？ – Xotic750 2013-05-03 21:44:14

爲什麼你不能只與CSS？

img { 
    border: 2px solid green; 
}

來源

2013-05-03 21:46:53 sylwia

這是一個我正在努力的家庭作業......必須在DOM1中完成。 – isolatedhowl 2013-05-03 22:08:40

下面是使用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-03 21:48:55 Xotic750

這是一個我正在努力的家庭作業，我做過的方式就是我們在課堂上教過的方式，現在它不工作......我必須使用DOM1來做到這一點。哦，我相信他會在課堂上重新解釋它。 – isolatedhowl 2013-05-03 22:25:34

主要是唯一阻止你的代碼工作的是缺少的「文檔」。 from getElementsByTagName我的例子只是你的代碼，但清理並優化了一下。 – Xotic750 2013-05-03 22:28:17

使用javascript DOM1更改borderStyle

回答

相關問題