「JavaScript]inputのfileタグでディレクトリを指定する
1.webkitdirectory属性を追加して、ディレクトリ選択をすることができます
htmlコード
「JavaScript」createTextNodeで文字を追加する
環境
Google Chrome 99.0.4844.51
書式
1.pタグ作成
const 変数 = document.createElement(“p”);
戻り ...
[JavaScript]appendChildで画像を追加する
書式
var element = document.createElement(tagName);
引数 tagName
生成される要素の型を特定する文字列。生成される要素の nodeName は tagNam ...
[JavaScript]createElementでラジオボタンを追加
書式
1.createTextNode()
var text = document.createTextNode(data);
新しい Text ノードを生成します。
2.hasChildNodes ...
「jQuery入門」on()イベント処理をするサンプル
サンプルコード
<style type=”text/css”>
div{
width:80px;
height:80px;
border:1px solid ...
「JavaScript」touchEvent.changedTouchesでタッチした座標を取得する方法
説明
eventオブジェクトのchangedTouchesを利用してタップした座標を取得します。
構文
1.var changes = touchEvent.changedTouches;
2.var ...
「JavaScript」values() メソッドでArray Iterator オブジェクトを返すサンプル
説明
values() メソッドは、配列の各インデックスの値を含む新しい Array Iterator オブジェクトを返します。
JSコード
「JavaScript」getElementByIdでテキストエリアの値を取得
書式
const 変数名=document.getElementById(IDのセレクタ).value;
document.getElementById(IDのセレクタ).textContent = 値;
...
[JavaScript]フォームとnameを指定してテキストエリアの値を取得
書式
const 変数名 = document.フォーム名.name名.value;
document.getElementById(セレクタ).textContent =変数名;
Node.textConte ...
[JavaScript]disabledでボタンを非活性にするサンプル
書式
disabledになっているか確認
if(document.getElementById(セレクタID).disablee ==true)
disabled属性を削除
document.getEl ...
「JavaScript」Map.prototype.has()で指定要素のキーが存在するかどうか判定方法
説明
has() メソッドは特定のキーに対する要素が存在するかどうかを示す boolean を返します。
JavaScriptコード
「JavaScript」Map.prototype.clear()でMapオブジェクトの要素を削除するサンプル
説明
clear() メソッドは Map オブジェクトからすべての要素を削除します。
JSコード
「JavaScript」entries関数でMapオブジェクトの要素を取得するサンプル
説明
entries() メソッドは、挿入順で Map オブジェクトの要素に対する ペアを
含む新しい Iterator オブジェクトを返します。
JSコード
「JavaScript」Map.prototype.delete()でMapの特定の要素を削除するサンプル
説明
delete() メソッドは Map オブジェクトから特定の要素を削除します。
サンプルコード
「Javascript」static キーワードを使うサンプル
構文
static methodName() { … }
static propertyName ;
static キーワードは、クラスに静的メソッドを定義します
サンプルコード
「JavaScript」getTime() メソッドを使うサンプル
構文
dateObj.getTime()
1970 年 1 月 1 日 00:00:00 UTC から指定した日時までの経過時間をミリ秒で表した数値。
サンプルコード
var dateA = new ...
「JavaScript入門」リテラルでオブジェクトを作成する
JSコード
var user = {
age:”31″,
hobby:”game”,
address:”tokyo”,
j ...
「jQuery入門」イベントデリゲートで複数イベントを設定するサンプル
JSコード
$(‘.cft’).on({
‘hover’: function(){
//some code
},
‘mouseente ...