Documentオブジェクトは、あなたのページを表します。
あなたがHTMLページ内の任意の要素にアクセスする場合は、常にドキュメントオブジェクトへのアクセスを開始します。
ここでのアクセスにドキュメントオブジェクトを使用してHTMLを操作する方法の例をいくつか示します。
HTML要素を探します
| 方法 | 説明 |
|---|---|
| document.getElementById（ID） | 要素のidで要素を検索するには |
| document.getElementsByTagName（名） | タグ名で要素を検索するには |
| document.getElementsByClassName（名） | クラス名で要素を検索するには |
変更HTML要素
| 方法 | 説明 |
|---|---|
| element.innerHTMLは= 新しいHTMLコンテンツを | 内側のHTML要素を変更します |
| element.attribute = 新しい値 | HTML要素の属性値を変更します |
| element.setAttribute（属性、 値） | HTML要素の属性値を変更します |
| element.style.property = 新しいスタイル | HTML要素のスタイルを変更します |
追加要素を削除します
| 方法 | 説明 |
|---|---|
| document.createElement（要素） | HTML要素の作成 |
| document.removeChild（要素） | 削除HTML要素 |
| document.appendChild（要素） | HTML要素を追加します。 |
| document.replaceChild（要素） | HTMLエレメントを交換してください |
| document.write（テキスト） | 書き込みHTML出力ストリーム |
イベントハンドラを追加します。
| 方法 | 説明 |
|---|---|
| document.getElementById（ID）.onclick =関数（）{ コード } | onclickイベントにイベントハンドラを追加します。 |
HTMLオブジェクトを探します
最初のHTML DOMレベル1（1998）、11の定義HTMLオブジェクト、オブジェクトと属性のコレクション。彼らはまだHTML5で有効です。
その後、HTML DOMレベル3に、より多くのオブジェクト、コレクションおよびプロパティを追加します。
| プロパティ | 説明 | JUDGMENT |
|---|---|---|
| document.anchors | <A>リターンは、すべての要素は、name属性を持っています。 | 1 |
| document.applets | 戻り値すべての<アプレット>要素（HTML5は推奨されません） | 1 |
| document.baseURI | 文書の絶対ベースURIを返します。 | 3 |
| document.body | 後ろの<body>要素 | 1 |
| document.cookie | 文書のクッキーを返します。 | 1 |
| document.doctype | ドキュメントのDOCTYPEを返します。 | 3 |
| document.firstChild | 戻る<HTML>要素 | 3 |
| document.documentMode | ブラウザが使用するモードを返します。 | 3 |
| document.documentURI | 文書のURIを返します。 | 3 |
| document.domainを | ドメインネームサーバのドキュメントを返します。 | 1 |
| document.domConfig | 廃棄されました。DOMの設定を返します。 | 3 |
| document.embeds | すべての<EMBED>要素を返します。 | 3 |
| document.forms | すべての<form>要素を返します。 | 1 |
| document.head | 後ろの<head>要素 | 3 |
| document.images | すべての<img>要素を返します。 | 1 |
| document.implementation | DOM実装を返します。 | 3 |
| document.inputEncoding | ドキュメントのエンコード（文字セット）を返します。 | 3 |
| document.lastModified | ドキュメントが更新された日付と時刻を返します。 | 3 |
| document.links | 戻り値すべての<エリア>と<a>要素は、href属性を持っています | 1 |
| document.readystateで | 文書のリターン（負荷）状態 | 3 |
| document.referrer | 戻り値URI（リンクされたドキュメント）は、参照します | 1 |
| document.scripts | すべての<script>要素を返します。 | 3 |
| document.strictErrorChecking | 強制エラーチェックを返すかどうか | 3 |
| ドキュメントのタイトル | 後ろの<title>要素 | 1 |
| document.URL | ドキュメントの完全なURLを返します。 | 1 |
出典：www.sysoft.net.cn、プラスV：15844800162深交換