「JavaScript」preventDefaultメソッドでイベントをキャンセルする
環境
Google Chrome 102.0.5005.63
Windows 10 Home 64bit
構文
preventDefault
要素に設定されている、デフォルトのイベント(動作 ...
「JavaScript」delete演算子でオブジェクトのプロパティを削除する方法
書式
delete object.property
delete object
引数
object オブジェクト名、またはオブジェクトとして評価される式です。
property 削除するプロ ...
「JavaScript」delete演算子で配列の要素を削除する
構文
delete 配列名「インデックスの値」
delete演算子を利用して、配列の要素を削除します。
配列長が変わらないです。
使用例
var cityArr = ; console.log ...「JavaScript」textContentプロパティでhtml文字列を含まれないテキストを設定する方法
環境
Google Chrome 102.0.5005.63
書式
element.textContent = “設定する文字列”
textContentプロパティを使用して、HTML文字列を含まな ...
「JavaScript」createTextNodeメソッドで要素に設定するテキストを作成する
環境
Google Chrome 102.0.5005.63
書式
1.p要素を作成
var 変数名1= document.createElement(“p”);
新 ...
「JavaScript」innerHTMLプロパティでHTML文字列を含むテキストを取得する
環境
Google Chrome 102.0.5005.63
書式
element.innerHTML
innerHTMLプロパティ を使用して、HTML文字列を含むコードをそのまま取得します。 ...
「JavaScript」textContentプロパティで要素のテキストを取得するサンプル
環境
Google Chrome 102.0.5005.63
書式
element.textContent
<div id=”id名”>文字列の内容</di ...
「JavaScript」html要素の属性としてイベントを定義するサンプル
書式
<button onclick="funA()">ボタン名</button>button要素の属性onclickに、クリックされた際に、funAメソッドを呼びだすように定義しています。 ...
「JavaScript」.onclick で イベントハンドラを登録するサンプル
書式
1.document.getElementById(セレクタID名)
対象となるhtml要素buttonを取得します
2.onclick = function(){処理コード}
buttonがクリ ...
「JavaScript」Function.prototype.apply()のサンプル
書式
func.apply(thisArg, )
引数 thisArg
this の値で、 func の呼び出しで提供されます。
argsArray
1つの配列風のオブジェクトであり、 fu ...
「JavaScript」Object.prototype.valueOf()でオブジェクトのプリミティブ値を返す
構文
object.valueOf()
戻り値
valueOf() メソッドは、指定されたオブジェクトのプリミティブな値を返します。
書式
function 変数名(引数){処理コード} ...
「JavaScript」Object.prototype.toString()のサンプル
構文
オブジェクト.toString()
toString() メソッドは Object の子孫にあたるあらゆるオブジェクトに継承されています。
このメソッドがカスタムオブジェクト中で上書きされていない場合、 ...
[JavaScript]Object.getOwnPropertyNames()でオブジェクトのプロパティ名を取得する
構文
Object.getOwnPropertyNames(obj)
引数
obj オブジェクトで、これ自身の列挙可能および列挙不可能なプロパティが返されます。
戻り値
指定されたオブジェクトで ...
「JavaScript」get構文でオブジェクトのプロパティを関数に使用するサンプル
書式
const オブジェクト名 = {
get 関数名 {処理コード}
};
構文
{get () {/* … */} }
算出されたプロパティ名 (computed pr ...
「JavaScript」extendsでクラスの継承を利用する方法
書式
class ChildClass extends ParentClass { 処理コード }
extends キーワードはクラス宣言やクラス式の中で、他のクラスの子であるクラスを生成するために使用します。
「JavaScript」Object.entries()でオブジェクトループを処理する
書式
Object.entries(obj)
引数
obj 返されることになる文字列をキーとした列挙可能な所有プロパティの組 を持つオブジェクト。
戻り値
引数に与えたオブジェクトが所有する、 ...
「JavaScript」String.prototype.match()の正規表現のサンプル
書式
match(regexp)
regexp 正規表現オブジェクトです。
戻り値
Array を返します。これはグローバル (g) フラグの有無によって内容が変わります。
一致するものが見つか ...
「JavaScript」trimStart()メソッドで文字列の先頭のホワイトスペースを削除する
書式
str.trimStart();
呼び出した文字列から先頭 (左端) からホワイトスペースを削除した新しい文字列です。
trimStart() メソッドは、文字列の先頭のホワイトスペースを削除します。 ...