如何在javascript中获取子属性的值？

Question

   <div class="menu_item_variant" id="date" onmouseover="mouseIn(this.id)" onmouseout="mouseOut(this.id)">
        <a href="dating-advice.html">Dating Coaching &amp; Advice</a>
        </div>

嗨,有人可以使用document.getElementById("date")等帮助我获得'href'的值.谢谢!安迪.

Answer 1

您可以获取"date"元素,然后遍历其子元素:

var elm, href;
elm = document.getElementById("date");
for (elm = elm.firstChild; elm; elm = elm.nextSibling) {
    if (elm.nodeName === "A") {
        href = elm.href;
        break;
    }
}

或者实际上,我认为getElementsByTagName现在每个浏览器都有,所以:

var list, href;
list = document.getElementById('date').getElementsByTagName('a');
if (list.length > 0) {
    href = list[0].href;
}

更多探索:

• DOM2标准(几乎普遍支持)
• DOM2 HTML(广泛支持)
• DOM3标准(合理支持,但旧浏览器中的差距,尤其是IE)
• HTML5 DOM接口(合理支持,因为它们主要记录DOM2 HTML和浏览器供应商正在做的事情 - 但测试了陷阱)
• caniuse.com和quirksmode.org - 用于检查哪些浏览器支持哪些技术的便利位置