JavaScript

説明
ParentNode.append() メソッドは、Node オブジェクト、または
DOMString オブジェクトのセットを ParentNode の最後に追加します。

使用例
1.テキスト ...

書式
const 変数名 =関数名(引数1)
使用例

<script> const res = funcA(11, 22); console.log(res);/*関数の定義*/function fu ...

JSコード
$.cftUrlPar = function(name){
var urlRes = new RegExp(‘’ + name + ‘=(*)’).exec( ...

書式
const 変数名
使用例

<script>//グローバル変数 const x = 33; var y = 44; z = 55;//関数の定義 function funcA() { 　//ロー ...

書式
function 変数名()
使用例

<script> function funcA() { console.log("before message 111"); } function func ...

書式
document.querySelectorAll(“セレクタ1 セレクタ2”)
使用例

<div id="show"> <span class="cftB"> ...

書式
data-name=xxxx
使用例
1.data属性（data-*）を設定

htmlコード<div id="user"></div>JSコードlet user = docu ...

説明
splice() メソッドは、 (in place で) 既存の要素を取り除いたり、置き換えたり
、新しい要素を追加したりすることで、配列の内容を変更します。
サンプルコード

var cftArr ...

書式
func.call(])
使用例

//Personオブジェクトfunction Person(username, age) { this.username = username; this.age = ag ...

構文
element.scrollTo(x-coord, y-coord)
element.scrollTo(options)
引数
x-coord は、要素の水平軸上で左上に表示したいピクセルです。 ...

書式
数値型変数名 == 文字列型の値
使用例

<script> let cft = 345;//数値型と文字列型を==で比較 if (cft === "345") { console.log("tr ...

書式
数値型変数名 == 文字列型の値
使用例

<script> let cft = 345;//数値型と文字列型を==で比較 if (cft == "345") { console.log("tru ...

環境
Google Chrome　99.0.4844.51

書式
1.inputタグ作成
const 変数 = document.createElement(“input”) ...

構文
変数名 = 文字列.charCodeAt(数値);
戻り値の文字コードは、UTF-16コードユニット値を表す整数で、範囲は0から65535までです

使用例

const target = "ABC ...

環境
Google Chrome　99.0.4844.51

書式
1.selectタグ作成
const 変数1= document.createElement(“select” ...

環境
Google Chrome　99.0.4844.51

書式
リンクaタグ作成
const 変数 = document.createElement(“a”);
リ ...

環境
Google Chrome　99.0.4844.51

書式
1.inputタグ作成
const 変数名 = document.createElement(“input” ...

1.htmlコード
<div><p>11<i>22</i>44</p></div>
<div>33<i>AAA</i ...