JSのドキュメントプロパティとメソッド

JavaScript では、ドキュメント オブジェクトは HTML ドキュメント全体を表す非常に重要なグローバル オブジェクトです。ドキュメント オブジェクトを通じて HTML ドキュメントのコンテンツと構造にアクセスし、変更することができます。一般的なドキュメントのプロパティとメソッドの一部を次に示します。

Properties

1.document.title: 取得または設定ドキュメントのタイトル。通常はブラウザのタイトル バーまたはタブに表示されます。

javascript

document.title = "新的页面标题";

2. document.URL: ドキュメントの完全な URL を取得します。

javascript

console.log(document.URL);

3. document.documentElement: ドキュメントのルート要素 (通常は 要素) を取得します。

javascript

console.log(document.documentElement);

4. document.body: ドキュメントの 要素を取得します。

javascript

console.log(document.body);

5. document.head: ドキュメントの 要素を取得します。

javascript

console.log(document.head);

6. document.referrer: 現在のページに移動する前のページの URL を取得します。

javascript

console.log(document.referrer);

メソッド

1.document.getElementById (id): 指定された id に基づいて要素を取得します。

javascript

var element = document.getElementById("myElementId");

2. document.getElementsByClassName(className): 指定されたクラス名に基づいて要素コレクションを取得します。

javascript

var elements = document.getElementsByClassName("myClassName");

3. document.getElementsByTagName(tagName): 指定されたタグ名に基づいて要素コレクションを取得します。

javascript

var elements = document.getElementsByTagName("div");

4. document.querySelector(selector): 指定された CSS セレクターに一致するドキュメント内の最初の要素を返します。

javascript

var element = document.querySelector(".myClass");

5. document.querySelectorAll(selector): 指定された CSS に一致するドキュメント内のすべての Element 要素の NodeList を返します。セレクター（静止画）。

javascript

var elements = document.querySelectorAll(".myClass");

6. document.createElement(tagName): 新しい要素を作成します。

javascript

var newElement = document.createElement("div");

7. document.createTextNode(text): 新しいテキスト ノードを作成します。

javascript

var textNode = document.createTextNode("Hello, world!");

8. document.appendChild(node): ドキュメントの要素に子ノードを追加します。

javascript

someElement.appendChild(newElement);

9. document.removeChild(node): ドキュメントから子ノードを削除します。

javascript

someElement.removeChild(childElement);

9. document.write(content): HTML 式または JavaScript コードをドキュメントに書き込みます。

javascript

document.write("<p>这是一个段落。</p>");

これは、ドキュメント オブジェクトのプロパティとメソッドの一部にすぎません。実際、ドキュメント オブジェクトは、HTML ドキュメントのコンテンツと構造を処理するための他の多くの関数とメソッドを提供します。詳細については、関連する JavaScript ドキュメントまたはチュートリアルを参照してください。

以上がJSのドキュメントプロパティとメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。