javascript & ajax samples to improve your web development.
トップページ
/ JavaScriptオンラインエディタ
JavaScriptオンラインエディタ
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行＆動作確認できます。
<div id="sample"> <span>1</span> <span>2</span> <span>3</span> <span>4</span> <span>5</span> </div> <script type="text/javascript"> function replaceElement() { var element = document.getElementById("sample"); var newElement = document.createElement("span"); newElement.innerHTML = "one"; var target = element.childNodes.item(0); element.replaceChild(newElement, target); } </script> <button onclick="replaceElement()">要素を置き換え</button>
スクリプト実行結果が表示されます。
