JavaScript event.stopPropagation()
イベントの伝播を停止<div id="parent"><button id="button">ボタンを押す</button></div><script>const button = document.getElementById('butt...
JavaScript
JavaScript 
JavaScript event.preventDefault()
デフォルトの動作を阻止<a href="" id="link">リンクを押す</a><script>const link = document.getElementById('link');const message = function(...
JavaScript event.target
イベントが発生した要素を参照する<button id="button">ボタンを押す</button><script>const button = document.getElementById('button');const messag...
JavaScript removeEventListener()
イベントリスナーの削除<button id="button">ボタンを押す</button><script>const button = document.getElementById('button');const message = f...
JavaScript addEventListener()
イベントリスナーの追加<button id="button">ボタンを押す</button><script>const button = document.getElementById('button');const message = f...
JavaScript document.querySelectorAll(“selector”)
CSSセレクタの要素を取得<div class="message"><p></p><p></p></div><script>let message = document.querySelectorAll(".message p");for(...
JavaScript document.querySelector(“selector”)
CSSセレクタの要素を取得<div class="message"><p></p></div><script>document.querySelector(".message p").innerHTML = "Hello world!!";...
JavaScript document.getElementsByTagName(“tag”)
タグから要素を取得<p></p><p></p><p></p><script>let message = document.getElementsByTagName("p");for (let i = 0; i < message.lengt...
JavaScript document.getElementsByClassName(“class”)
クラスから要素を取得する<p class="message">Hello world!!</p><p class="message">Hello world!!</p><script>let messages = document.getE...
JavaScript document.getElementById(“ID”)
IDから要素を取得する<p id="message"></p><script>document.getElementById("message").innerHTML = "Hello world!!";</script>↓実行すると