ページの作成:「== 概要 == DOM (Document Object Model) は、HTML または XMLドキュメントをプログラムから操作するためのAPIである。<br> <br> WebブラウザはHTMLを解析し、各要素をノードオブジェクトとして表現した木構造 (DOMツリー) をメモリ上に構築する。<br> JavaScriptはこのDOMツリーにアクセスし、要素の取得・作成・追加・削除、属性やスタイルの変更、ツリーの走査といっ…」 |
|||
| (同じ利用者による、間の2版が非表示) | |||
| 502行目: | 502行目: | ||
|- | |- | ||
! 区切り文字 | ! 区切り文字 | ||
| ハイフン | | ハイフン <code>-</code> || なし（大文字で区切る） | ||
|- | |- | ||
! 先頭文字 | ! 先頭文字 | ||
| 508行目: | 508行目: | ||
|- | |- | ||
! 記述例 | ! 記述例 | ||
| | | my-variable-name || myVariableName / MyVariableName | ||
|- | |- | ||
! 主な用途 | ! 主な用途 | ||
| CSS クラス名・ID、URL スラッグ、HTML 属性、ファイル名 || | | CSS クラス名・ID、URL スラッグ、HTML 属性、ファイル名 || 変数名・メソッド名（Java, C#, JavaScript 等）、クラス名（PascalCase） | ||
|- | |- | ||
! 言語・環境の例 | ! 言語・環境の例 | ||
| HTML, CSS, Lisp 系, REST | | HTML, CSS, Lisp 系, REST APIのエンドポイント || C#, Java, JavaScript, TypeScript, Swift | ||
|- | |- | ||
! 大文字・小文字の区別 | ! 大文字・小文字の区別 | ||
| 528行目: | 528行目: | ||
| 使用可能（推奨） || 非推奨（大文字が小文字に正規化される場合がある） | | 使用可能（推奨） || 非推奨（大文字が小文字に正規化される場合がある） | ||
|} | |} | ||
</center> | |||
<br> | <br> | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| 568行目: | 569行目: | ||
</center> | </center> | ||
<br> | <br> | ||
==== クラス操作 (classList) ==== | ==== クラス操作 (classList) ==== | ||
<code>classList</code> プロパティは、要素のCSSクラスを操作するためのメソッドを提供する。<br> | <code>classList</code> プロパティは、要素のCSSクラスを操作するためのメソッドを提供する。<br> | ||