javascript & ajax samples to improve your web development.
トップページ
/ JavaScriptオンラインエディタ
JavaScriptオンラインエディタ
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行&動作確認できます。
<div id="parent" class="daddy"> <div id="sample"> <span>1</span> <span>2</span> <span>3</span> <span>4</span> <span>5</span></div> </div> <script type="text/javascript"> function findElement() { var element = document.getElementById("sample"); var parent = element.parentNode; alert(parent.className); // 親ノードのclassnameをalert } </script> <button onclick="findElement()">親ノードを取得</button>
スクリプト実行結果が表示されます。