DOM和スタイル追加したい！ 📖

DOM和スタイルをもっと増やしたいってだけのNAKO3プラグイン。毎回調べないと綴れないのねん😰　ついでに個人的によく使う命令もまとめておく。

プログラム: (→大)

#----------------------------------------------------
＃DOM和スタイル追加したい！
#----------------------------------------------------
DOM和スタイル追加。
●DOM和スタイル追加
　追加和スタイル＝{
    "上": "top",
    "下":"bottom",
    "均等":"justify",
    "標準":"normal",
    "透明度": "opacity", 
    "角丸":"border-radius",
    "文字間":"letter-spacing",
    "行高":"line-height",
    "行高さ":"line-height",
    "フォント名":"font-family",
    "文字太":"font-weight",
    "文字太さ":"font-weight",
    "傾き":"rotate",
    "チェック": "checked", 
    "非表示": "hidden",
    "無効化": "disabled",
    "値":"value"
  }
　追加和スタイルを反復
　　DOM和スタイル[対象キー]＝対象。
　ここまで。
ここまで。
# もっと追加したいが置き換えの日本語考えるの難しい＞＜

#----------------------------------------------------
＃汎用命令（個人的によく使う命令もまとめておきたい）
#----------------------------------------------------
＃＃配列関係
# なでしこ３に「配列入れ替え」がない。
●配列入替（AのIとJを）
　　II＝A[I]。JJ＝A[J]。
　　A[I]＝JJ。A[J]＝II。
ここまで。

# なでしこ３の「配列検索」が開始位置を指定出来ず不便。
●(AのIからKEYを)配列検索ｖ１
　数をIから(Aの配列要素数)-1まで繰り返す。
　　　もし、A[数]＝KEYならば、数で戻る。
　ここまで。
　-1で戻る。
ここまで。
#----------------------------------------------------
＃＃文字描画サイズ
# めんどくさいのでｖ１互換っぽくする。
●(Aの)文字幅取得
　　TM＝Aの文字描画幅取得。
　　TM["width"]で戻る。
ここまで。

# むじゅかしすぎるのでｖ１互換っぽくする。
●(Aの)文字高さ取得
　　TM＝Aの文字描画幅取得。
　　TM["actualBoundingBoxAscent"]+TM["actualBoundingBoxDescent"]で戻る。
ここまで。
#----------------------------------------------------
＃＃ユーザーの環境を取得
●デスクトップ幅
　　「window.screen.width」をJS実行。
ここまで。

●デスクトップ高さ
　　「window.screen.height」をJS実行。
ここまで。

●クライアント幅
　　「document.documentElement.clientWidth」をJS実行。
ここまで。

●クライアント高さ
　　「document.documentElement.clientHeight」をJS実行。
ここまで。

●アクセスデバイス
　UAとは変数＝「navigator.userAgent;」をJS実行。
　iPhoneとは変数＝UAの0から「iPhone」を文字検索。
　iPadとは変数＝UAの0から「iPad」を文字検索。
　Androidとは変数＝UAの0から「Android」を文字検索。
　Mobileとは変数＝UAの0から「Mobile」を文字検索。
　もし、(iPhone＞０)または((Android＞０)かつ(Mobile＞０))ならば、「スマホ」で戻る。
　違えば、もし、(iPad＞０)または(Android＞０)ならば、「タブレット」で戻る。
　違えば、「ＰＣ・その他」で戻る。
ここまで。
#----------------------------------------------------

＃以下はテスト
もし、プラグイン名＝「メイン」ならば、
    DOM和スタイルをJSONエンコード整形して表示。
/*
    テスト＝「テスト」のチェックボックス作成。
    テストの「チェック」にオンをDOM属性設定。
    確認ボタン＝「チェック確認」のボタン作成。
    確認ボタンをクリックした時には、テストの「チェック」をDOM属性取得して言う。。。
*/
ここまで。

雪乃☆雫作
利用バージョン: 3.3.16
投稿日時: 2022/05/13 18:09 (編集: 2022/02/15 16:01)
ライセンス: CC0 (著作権破棄)
タイプ: wnako
公開の投稿

⭐ ログインして★を付けよう！

Twitterへ投稿

DOM和スタイル追加したい！

DOM和スタイル追加したい！ 📖

作品公開情報