idをキーに要素を取得する
ベース記事
本題
例文
<p id="test">この要素を取得したい</p> <input type="button" onclick="print();"> <script> function print(){ var ele = document.getElementById("test"); console.log(ele); console.log(ele.innerText); } </script>
まず最初にonclickってのがあるけど、これはhtmlのものなのか、それともjavascriptのものなのかって疑問。これはどうやらjavascriptのもの。
じゃあonclickはなんなのかってことだけど、イベントハンドラーの一つらしい。イベントハンドラーとは、イベントが起きたときに何らかの処理をさせるもの。
onclik="print();"
onclickがイベントで、""で囲まれたものが処理になる。この場合クリックというイベントが起きたとき、print()という処理を起こす。
var ele = document.getElementById("test");
documentはhtmlをオブジェクト化するためのものだと思われる。そのオブジェクトのメソッドがgetElementById()。