javascript - 如何获取元素的 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 上有一个类并查找该类。