1. 首頁
  2. 問答
  3. 在不更改HTML的情況下訪問特定的html元素值

在不更改HTML的情況下訪問特定的html元素值

2012-08-06 34 views
0

我是Javasript的一名完整新手，並且想要了解如何訪問特定元素。我有超過20首歌曲的內容。如果我已經在腳本的一個變量中使用了span ID，例如「song 3」，我該如何訪問與該歌曲有關的「generatedBy」類，更具體地說，就是其中保存的文本，在這種情況下，天氣」。不改變下層HTML？在不更改HTML的情況下訪問特定的html元素值

任何幫助非常感謝，以幫助理解的JavaScript。謝謝。

<div class="Artist Song"> 
    <span id="song_1" class="song"> 
     <span class="artistname">MJ</span> 
     <span class="songname">Billie Jean</span> 
     <span class="email" style="whatever"><strong>[email protected]</strong></span> 
     <span class="recordlabel">def jam</span> 
     <span class="age">34 years</span> 
     <span class="album">Album:<strong>Bad</strong></span> 
     <span class="dateReleased" style="display:none">whatever</span> 
     <span class="producedBy" style="display:none">Produced by Quincy jones</span> 
    </span> 
</div> 

<div class="Artist Song"> 
    <span id="song_2" class="song"> 
     <span class="artistname">Prodigy</span> 
     <span class="songname">Firestarter</span> 
     <span class="email" style="whatever"><strong>[email protected]</strong></span> 
     <span class="recordlabel">whatever</span> 
     <span class="age">whatever</span> 
     <span class="album">Album:<strong>Fat of the land</strong></span> 
     <span class="dateReleased" style="display:none">whatever</span> 
     <span class="producedBy" style="display:none">whatever</span> 
    </span> 
</div> 

<div class="Artist Song"> 
    <span id="song_3" class="song"> 
     <span class="artistname">Whoever</span> 
     <span class="songname">Whatever</span> 
     <span class="email" style="whatever"><strong>[email protected]</strong></span> 
     <span class="recordlabel">whatever</span> 
     <span class="age">whatever</span> 
     <span class="album">Album:<strong>Whatever</strong></span> 
     <span class="dateReleased" style="display:none">whatever</span> 
     <span class="producedBy" style="display:none">whatever the weather</span> 
    </span> 
</div> 

<div class="Artist Song"> 
    <span id="song_4" class="song"> 
     <span class="artistname">Whoever</span> 
     <span class="songname">Whatever</span> 
     <span class="email" style="whatever"><strong>[email protected]</strong></span> 
     <span class="recordlabel">whatever</span> 
     <span class="age">whatever</span> 
     <span class="album">Album:<strong>Whatever</strong></span> 
     <span class="dateReleased" style="display:none">whatever</span> 
     <span class="producedBy" style="display:none">whatever</span> 
    </span> 
</div> 

...

來源

2012-08-06 user1294886

回答

2 
document.getElementById("song_1").getElementsByClassName("producedBy")[0]

來源

2012-08-06 21:58:05 SReject

0

使用jQuery簡單的DOM操作：

$("#song_1 > .songname").text()

來源

2012-08-06 21:59:27

相關問題

 相關問題