用javascript改變CSS元素在相同的元素ID在多個地方

好吧，以便通過一些教程和這個網站，它即將到來的HTML/JavaScript/CSS的相當新。我試圖顯示一個按鈕，我用css覆蓋圖像時點擊按鈕我調用一個javascript函數發送一些信息到我的服務器，以及用一個新的按鈕和圖像覆蓋替換按鈕被點擊。這裏是代碼片段負責這個（我基本上只是切換按鈕上的知名度來回）：用javascript改變CSS元素在相同的元素ID在多個地方

<style type = 'text/css'> 
input.btn_follow { 
position: absolute;  
right: 2px; 
top: 2px; 
background-image: url(http://icons.iconarchive.com/icons/icojam/onebit/48/star-100-icon.png); /* 16px x 16px */ 
} 

input.btn_unfollow { 
visibility: hidden; 
position: absolute;  
right: 2px; 
top: 2px; 
background-image: url(http://gologic.com/imagesOld/checkmark%20-%20small.png); 
} 

</style> 
</head><body> 
<script type='text/javascript'> 
    function follow(series, status) { 

    var xhReq = new XMLHttpRequest(); 
    var request = "follow.php?series="+series+"&status="+status 
    xhReq.open("GET", request, false); 
    xhReq.send(null); 
    var response = xhReq.responseText; 
    var IDyes = "follow_"+series 
    var IDno = "unfollow_"+series 
if (response == 1){ 

    document.getElementById(IDyes).style.visibility='hidden' 
    document.getElementById(IDno).style.visibility='visible' 
} 
else if (response == 0){ 
    document.getElementById(IDyes).style.visibility='visible' 
    document.getElementById(IDno).style.visibility='hidden' 
} 
    else if (response == -1){ 
    alert("you must first login to use the follow request"); // now following show 
} 
} 
</script>

因此，所有這類工程的，但是對於一些元素的ID，他們就多次出現相同的html頁面。如果是這種情況，則只有元素的第一個實例是可見性已更改，其餘部分則不可見。爲什麼如果他們有相同的ID呢？我怎樣才能解決這個問題？這裏是一個鏈接，看看這個在我的網頁上的行動，使這個更清晰http://ec2-54-234-192-222.compute-1.amazonaws.com/home.php（該按鈕的問題是明星）任何幫助將不勝感激（也如果有一個更清潔的方式刮我有我會對於已經開始像意大利麪開放！）謝謝-brendan

來源

2013-03-25 brendosthoughts

沒有ID應該出現在每頁上多於一次 – 2013-03-25 12:11:36

這是爲什麼？那麼我該如何避免在頁面上顯示同一數據的多個實例呢？ – brendosthoughts 2013-03-25 12:12:41

而不是ID，使用類。它們意味着在頁面上出現多次。 – nirazul 2013-03-25 12:13:01

因此，在上面的評論中，Id的每頁只能出現一次！我將這歸咎於作爲@Jeff剃鬚刀的newb感謝這個

來源

2013-03-25 12:16:51 brendosthoughts

用javascript改變CSS元素在相同的元素ID在多個地方

回答

相關問題