JavaScript - 如何获取Element的ID

Question

<div id="block_msg" style="width:250px;border: solid 1px red;margin: 15px">

<div id="text_msg1">111?????111</div>

<input type="submit" onclick="clickon(**<<<HERE I WANT SEE DIV ID TEXT_MSG1>>>**)" value="????????">

</div>

我如何获得id ="text_msg1"并将其放入onclick.怎么样？谢谢!

Answer 1

this是当前对象,您可以查看父级并找到div.这个解决方案很糟糕,因为改变布局意味着它会破裂.

onclick="clickon(this)"

和

function clickon(btn) {
    var wrappingDiv = btn.parentNode;
    var childrenDivs = wrappingDiv.getElementsByTagName("div");
    alert(childrenDivs[0].innerHTML);
}

的jsfiddle

最好在div上有一个类并寻找该类.