如何在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 standard（几乎普遍支持）
• DOM2 HTML（广泛支持）
• DOM3 standard（合理支持，但旧浏览器中的差距，尤其是IE）
• HTML5 DOM interfaces（得到合理支持，因为它们主要记录了DOM2 HTML和浏览器供应商正在做的事情 - 但是测试了陷阱）
• caniuse.com和quirksmode.org - 用于检查哪些浏览器支持哪些技术的便利位置

Answer 2

使用elem.children[0].href。

如果<a>之前可能还有其他孩子，您可以写elem.getElementsByTagName('a')[0].href

Answer 3

使用document.getElementById（），您可以这样做：

document.getElementById("date").getElementsByTagName('a')[0].href