「JavaScript」removeChildで複数の要素を削除する
環境
Google Chrome 99.0.4844.51
関数
親ノード.removeChild(子ノード);
removeChildメソッドを使って、引数の子ノードを削除します。
書 ...
「JavaScript」insertAdjacentElement()メソットで要素を相対的な位置に挿入する
構文
targetElement.insertAdjacentElement(position, element);
positionパラメータ
“beforebegin”
自身 ...
「JavaScript」createElementメソッドで新しい要素を作成する
環境
Google Chrome 99.0.4844.51
関数
1.createElementメソッド
変数 = document.createElement(タグ名);
引数は、タグ名( ...
【jQuery入門】名前空間を使ってイベントを設定/削除するメモ
1.設定方法
$(セレクタ).on(“イベントの種類.名前空間”, イベントハンドラ);
$(セレクタ).off(“.名前空間”);
2.サンプル
s ...
「JavaScript入門」Promiseのresolve、rejectパラメータの使い方
JSコード:
var p1 = new Promise(function (resolve, reject) {
setTimeout(() => reject(new Error(‘failR ...
「JavaScript」appendChildで画像を追加するサンプル
環境
Google Chrome 99.0.4844.51
書式
appendChild() は Node インターフェイスのメソッドで、指定された親ノードの子ノードリストの末尾にノードを追加します。
「JavaScript」slice関数で文字列の指定位置の文字から最後までを取得する
環境
Google Chrome 99.0.4844.84
書式
arr.slice(])
引数
start 取り出しの開始位置を示す 0 から始まるインデックスです。
start が列 ...
padEndメソッドで後ろにゼロをつけるサンプル
構文
変数 = 文字列.padEnd(文字列の長さ);
padEnd() メソッドは、結果の文字列が指定した長さになるように、現在の文字列を他の文字列で (必要に応じて繰り返して) 延長します。
引数
「JavaScript」slice関数で文字列の後ろから文字を取得する
書式
文字列.slice(引数)
引数がマイナスの場合、後方からの文字数で取得します。
負のインデックスを使って、列の終わりからのオフセットとして指定することができます。slice(2,-1) は列の 3 番目 ...
「JavaScript」slice関数で末尾の文字を削除する
環境
Google Chrome 99.0.4844.84
書式
arr.slice(])
引数
start 取り出しの開始位置を示す 0 から始まるインデックスです。
start が列 ...
「JavaScript」document.forms[index]でフォームの情報を取得するサンプル
構文
document.forms.elements;
1.フォーム情報の取得
「JavaScript」hasAttributeNS関数で属性があるかどうか判定する
説明
hasAttributeNS は現在の要素が指定した属性を所有するか否かを示す boolean 値を返します。
構文
result =element.hasAttributeNS(namespace,lo ...
「jQuery入門」innerHeight()、outerHeight()の使い方
例1 border内側の高さを取得
var cft = $(‘div’).innerHeight();
console.log(cft);
例2 paddingとborderを含めた ...
「JavaScript」replaceで文字列を置換するサンプル
書式
対象文字列.replace(/置換前文字/g , “置換後文字” ) ;
replace関数を利用して指定文字を置換します。
使用例
「jquery入門」ready()で要素を操作するサンプル
方法1
$(function() {
$(‘#test’).each(function() {
console.log($(this));
});
});
方 ...
「JavaScript」RegExpオブジェクトのサンプル
書式
new RegExp(pattern)
RegExp(pattern)
RegExp コンストラクターは、パターンに従ったテキストを検索する正規表現オブジェクトを生成します。
引数
pat ...
「JavaScript」match関数でテキストに含まれる文字の数を確認する
書式
(対象文字列.match(/含まれる文字/g ) || )扱いにします。
使用例
var text = "あいおうえおあいうおえお" ;var target = "お" ;var res = ( text.ma ...「Vue.js入門」watchのimmediateとhandlerオプションを利用するサンプル
サンプルコード
1.immediateとhandlerサンプルコードwatch: { docData: { handler(newVal) { this.cft_count++ }, immediate: true }}2.de ...