如何在原型中找到没有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')吗？如果只有一个元素，$$总是返回一个数组，你可以得到这个数组的第一个元素。

Element.select方法也可用于从span＃status

获取h1

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

还要确保您的元素已经存在于dom中。