[jQuery] 要素の後ろにタグを追加する（.after） – コピペで使える JavaScript逆引きリファレンス
要素の後ろにタグを追加するには、afterを使います。 サンプル 例）ボタンを押すと、要素の後にxyzを追加する <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script> <script> $(function(){ // $('#btn1').click(function(){ //要素の後ろにタグを追加する $("#a1").after("<b>xyz</b>"); }); }); </script> </head> <body> <input type="button" id="btn1" value="ボタン"> <div id="a1"><s
[JavaScript] 特定のキー入力をさせない – コピペで使える JavaScript逆引きリファレンス
JavaScriptで特定のキー入力をさせなくするサンプルです。 サンプルソース 例）Bキーの入力を無効にする <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script> window.onload=function(){ document.getElementById("txt1").addEventListener('keydown',function(){ //"b"（keyCode=66）が押された場合は入力を無効にする if(event.keyCode == 66){ event.preventDefault(); } }); } </script> </head> <input type="text" id="txt1"> </body> </html>
[JavaScript] ファイルコントロールの値をクリアする – コピペで使える JavaScript逆引きリファレンス
ファイルコントロールの値をクリアするには、value値にブランクをセットすればOKです。 サンプルソース 例）ボタンを押すとファイルコントロールの値をクリアする <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script> function test(){ var obj = document.getElementById("f1"); obj.value = ""; } </script> </head> <body> <input type="file" id="f1"> <input type="button" id="btn1" value="クリア" onclick="test();"> </body> </html>
[JavaScript] 適用するCSSファイルを動的に変更する – コピペで使える JavaScript逆引きリファレンス
CSSファイルを動的に変更するサンプルです。 サンプルソース 例）適用するCSSファイルを「sample1.css」から「sample2.css」に変更する <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>サンプル</title> <link rel="stylesheet" type="text/css" href="sample1.css" id="cs"> <script> function changeCss(){ document.getElementById("cs").href = "sample2.css"; } </script> </head> <body> <input type="button" onclick="changeCss();" value="CSSを変更する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
