プロトタイプでIDなしの入れ子になったhtml要素を見つける方法

Question

<div id="content_heading"> 
    <span id="status"> 
     <h1><em>Some Element</em></h1> 
    </span> 
</div> 

私はh1と$('span h1')を取得したいと思っています。 $$('h1')は配列を返すので、配列から最初の要素を得ることができます$$('h1')[0] $('div#content_heading span h1')のようなより正確な要素を見つける方法はありますか？

Answer 1

DOMの準備ができた後に、コードを実行していることを確認してください：

document.observe("dom:loaded", function(){ 
    var header = $$("span h1")[0]; 
}); 

を例hereを参照してください。

Answer 2

あなたは$$('span h1')を試しましたか？ $$は、要素が1つしかない場合、常にこの配列の最初の要素を取得できる配列を返します。

Element.select方法もまた、あなたの要素が既にDOMに存在していることを確認してくださいスパン＃ステータス

$('status').select("h1") 

からH1を取得するために使用することができます。