改變一個類的元素的屬性

我想改變'img'類中的'im'和'desc'類的屬性。我將當前元素傳遞給javascript函數mOver（）和mDown（）。當我鼠標懸停圖像的邊界以及文本它應該下面change.Here是我的代碼：改變一個類的元素的屬性

<html> 
<head> 
<style> 
.img 
    { 
    margin:2px; 
    border:1px solid #0000ff; 
    height:90; 
    width:110; 
    float:left; 
    text-align:center; 
    } 
.im 
    { 
    width:110px; 
    height:90px; 
    display:inline; 
    margin:3px; 
    border:1px solid #ffffff; 
    } 
.desc 
    { 
    text-align:center; 
    font-weight:normal; 
    width:120px; 
    margin:2px; 
    } 
</style> 
<script> 
function mOver(a) 
    { 
    a.style.border="10px solid #0000ff"; 
    a.getElementByClassName("desc").innerHTML="Click on the image"; 
    } 
function mDown(a) 
    { 
    a.style.border="1px solid #ffffff"; 
    a.getElementByClassName("desc").innerHTML="You have clicked already"; 
    } 
</script> 
</head> 
<body> 
<div class="img" onmouseover="mOver(this)" onmouseout="mDown(this)"> 
    <a target="_blank" href="abc.png"> 
    <img class="im" src="abc.png"></a> 
    <div class="desc">ABC</div> 
</div> 
<div class="img" onmouseover="mOver(this)" onmouseout="mDown(this)"> 
    <a target="_ blank" href="def.png"> 
    <img class="im" src="def.png"></a> 
    <div class="desc">DEF</div> 
</div> 
</body> 
</html>

圖片下方的文字並沒有改變，因爲它應該有。我覺得是有毛病線

a.getElementByClassName("desc").innerHTML="You have clicked already";

我是比較新的JavaScript所以請讓我知道什麼是錯here.Anyways由於事先

來源

2012-12-24 Tyranicangel

它不應該是'getElementsByClassName'（複數）？ – m90

它應該是getElementsByClassName以「S」。你也應該標記你想改變的元素的索引。如果你想改變的第一要素，做到這一點：

a.getElementsByClassName("desc")[0].innerHTML = "You have clicked already";

因爲數組是0指數的，這改變了由該方法返回的數組中的第一個元素。

但是，如果你打算改變這一切與類名的元素，那麼你必須循環：

var elements = a.getElementsByClassName("desc"); 

for (var i = elements.length; i--;) { 
    elements[i].innerHTML = "You have clicked already"; 
}

來源

2012-12-24 13:43:12 0x499602D2

感謝您的幫助 – Tyranicangel

您要使用的方法被稱爲getElementsByClassName（預計多個元素，而不是被發現到getElementById）並返回一個節點列表。因此，你行應爲：

a.getElementsByClassName("desc")[0].innerHTML="You have clicked already";

對於文檔閱讀MDN on NodeLists

來源

2012-12-24 13:44:21 m90

感謝您的文檔 – Tyranicangel

改變一個類的元素的屬性

回答

相關問題