javascript & ajax samples to improve your web development.
トップページ
/ JavaScriptオンラインエディタ
JavaScriptオンラインエディタ
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行&動作確認できます。
<script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> function execute() { var item = $('sample'); Element.addClassName(item, "gray"); var ret = Element.classNames(item); // Element.ClassNamesクラスのインスタンスがretに入る alert(ret); ret.add("purple"); // クラス名を追加 alert(ret); ret.remove("gray"); alert(ret); } </script> <body> <div id="sample" style="background-color:red">element</div> <button onclick="execute()">サンプル実行</button> </body>
スクリプト実行結果が表示されます。