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 childs = element.childNodes; alert("sampleの子は"+childs.length+"個存在します"); alert("sampleの1個目の子のHTMLは「"+childs[0].innerHTML+"」です"); } </script> <button onclick="findElement()">子ノードを取得</button>
スクリプト実行結果が表示されます。