「JavaScript」createElementでテキストボックスを追加、削除
書式
1.const 変数名 = document.createElement(“input”);
inputで指定された HTML 要素を生成し、 input が認識できない場合は HTML ...
「JavaScript」insertAdjacentHTMLメソッドで要素の直前にHTML の文字列を挿入する
構文
targetElement.insertAdjacentElement(position, element);
“beforebegin” 自身の直前に挿入する。
使用例
「JavaScript」複数フォーム情報を取得するサンプル
1.フォーム情報の取得
<form id=”frmA”>
<input type=”button” onclick=”alert(docum ...
「JavaScript」node.remove()でオブジェクトを削除する
説明
所属するツリーからオブジェクトを削除します。
htmlコード
<div id=”cft_A”>11111</div>
<div id= ...
[JavaScript]Array.prototype.every()のサンプル
書式
配列名.every(条件式)
every() メソッドは、列内のすべての要素が指定された関数で実装されたテストに合格するかどうかをテストします。
これは論理値を返します。
arr.every(ca ...
「JavaScript」onsubmitでwindowsのsubmitイベントを実装する
書式
window.onsubmit = 参照関数名;
関数の参照を指定します。
関数の定義
function 参照関数名(){処理コード}
使用例
「JavaScript」concat() メソッドで配列を結合する
書式
配列A.concat(配列B)
concat() メソッドは、2つ以上の配列を結合するために使用します。このメソッドは既存の配列を変更せず、新しい配列を返します。
使用例
「JavaScript」Dateクラスで現在の日時情報を取得する
書式
var 変数名 = new Date ();
年の取得
変数名.getFullYear()
月の取得
変数名.getMonth()
使用例
//Dateオブジェクトを作成 ...JavaScriptのlocationオブジェクトを利用する方法
1.プロトコル
document.writeln(location.protocol);
2.ポート番号
document.writeln(location.port);
3.URLのパス名 ...
「JavaScript」unshift() メソッドで配列の先頭に要素を追加するサンプル
書式
arr.unshift(element1])
unshift() メソッドは、配列の最初に 1 つ以上の要素を追加し、新しい配列の長さを返します。
使用例
JavaScriptに加算演算子の使い方
説明
加算演算子 (+) は、数値オペランドまたは文字列連結の合計を生成します。
使用例
console.log(4 + 5);console.log(6 + true);console.log('test ...「JavaScript入門」submitイベントを実行するサンプル
htmlコード
<form name="userForm"> <input name="username" type="text" value="yamada"/> <button id="user ...「JavaScript」locationオブジェクトのプロパティでページのURLを取得する
説明
Location インターフェイスは、関連付けられたオブジェクトの場所 (URL) を表します。
使用例
//url
var href = location.href ;
console. ...
[JavaScript]クラス宣言のサンプル
書式
class クラス名{
constructor(変数1,変数2){
処理コード
}
}
クラス宣言は、プロトタイプベースの継承を使って、指定された名前の新しいクラスを作成します。 ...
「javaScript」小数を四捨五入、切り捨て、切り上げするサンプル
1.切り捨て
var tt = Math.floor( 2.42356 ) ;
console.log(tt);
結果:2
2.切り上げ
var tt= Math.ceil( 1.2345 ...
「jQuery入門」each()で複数の要素をループするサンプル
JSコード:
<script type=”text/javascript”>
$(function(){
var tbody = “”;
va ...
[JavaScript]getElementByIdの使い方
構文
var element = document.getElementById(id);
引数id : ID は大文字と小文字の区別がある文字列で、文書内で固有です。
返値
指定された ID に一致す ...
「JavaScript」parentNodeで親ノードを取得するサンプル
書式
parentNode = node.parentNode
指定されたノードの DOM ツリー内の親ノードを返します。
parentNode : 指定ノードの親ノード。
要素の親ノードは、Eleme ...