From 600b6b40f7192f9b93057457441ddcf24163a2ec Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 22 Apr 2021 00:36:53 +0900 Subject: Web/API/Document_object_model/How_to_create_a_DOM_tree を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 「英語版章題」マクロを削除 - 2021/03/11 時点の英語版に同期 --- .../how_to_create_a_dom_tree/index.html | 37 +++++++++++----------- 1 file changed, 18 insertions(+), 19 deletions(-) (limited to 'files/ja') diff --git a/files/ja/web/api/document_object_model/how_to_create_a_dom_tree/index.html b/files/ja/web/api/document_object_model/how_to_create_a_dom_tree/index.html index 4f6bc2a9cd..99cee015fe 100644 --- a/files/ja/web/api/document_object_model/how_to_create_a_dom_tree/index.html +++ b/files/ja/web/api/document_object_model/how_to_create_a_dom_tree/index.html @@ -1,22 +1,23 @@ --- title: DOM ツリーの作成方法 -slug: Web/API/Document_Object_Model/How_to_create_a_DOM_tree +slug: Web/API/Document_object_model/How_to_create_a_DOM_tree tags: - AJAX - Add-ons - DOM - Extensions - JXON + - NeedsUpdate - XML translation_of: Web/API/Document_object_model/How_to_create_a_DOM_tree ---

{{draft}}

-

このページでは JavaScript において DOM Core API を用いて DOM オブジェクトを作成したり変更したりする方法を解説します。これはすべての Gecko ベースアプリケーション（Firefox など）で特権付きコード（拡張機能）でも特権なしコード（ウェブページ）でも利用できます。

+

このページでは JavaScript において DOM Core API を用いて DOM オブジェクトを作成したり変更したりする方法を解説します。これはすべての Gecko ベースのアプリケーション (Firefox など) で特権付きコード (拡張機能) でも特権なしコード (ウェブページ) でも利用できます。

-

{{ 英語版章題('Dynamically creating a DOM tree') }}DOM ツリーの動的作成

+

DOM ツリーの動的作成

-

次の XML 文書を考えます。

+

次の XML 文書を見てください。

<?xml version="1.0"?>
 <people>
@@ -33,7 +34,7 @@ translation_of: Web/API/Document_object_model/How_to_create_a_DOM_tree
 </people>
-

次のように W3C DOM API を使うことでこの文書のインメモリ表現を作成することができます。Mozilla はこの API をサポートしています。

+

次のように W3C DOM API を使うことでこの文書のメモリー内の表現を作成することができます。Mozilla はこの API に対応しています。

var doc = document.implementation.createDocument("", "", null);
 var peopleElem = doc.createElement("people");
@@ -87,9 +88,9 @@ peopleElem.appendChild(personElem2);
 doc.appendChild(peopleElem);
-

XUL チュートリアルの DOM の章 も参照してください。

+

XUL チュートリアルの DOM の章 も参照してください。

-

You can automate the creation of a DOM tree using a JXON reverse algorithm in association with the following JSON representation:

+

DOM ツリーの生成は、 JXON 逆引きアリゴリズムに次の JSON 表現を関連付けることで自動化できます。

{
   "people": {
@@ -132,21 +133,19 @@ doc.appendChild(peopleElem);
 }
-

{{ 英語版章題('So what?') }}つまり ?

+

つまり ?

-

DOM ツリーを XPath 式を用いてクエリすること や、文字列に変換すること、 XMLSerializer を用いてローカルあるいはリモートのファイルに書き出すこと（あらかじめ文字列に変換する必要はない）、ウェブサーバに POST すること（XMLHttpRequest 経由）、XSLT を用いて変換すること、XLink されることなど、さまざまな利用法があります。

+

DOM ツリーは XPath 式を用いて検索したり、文字列に変換したり、 XMLSerializer を用いてローカルあるいはリモートのファイルに書き出したり (あらかじめ文字列に変換しておく必要はない)、ウェブサーバーに POST したり (XMLHttpRequest 経由で)、 XSLT で変換したり、XLink したり、 JXON アルゴリズムで JavaScript オブジェクトに変換したりと、さまざまな利用法があります。

-

RDF は適さない（あるいは RDF が嫌いなだけという場合でも）データを DOM ツリーを用いて作ることができます。別の応用例として、XUL は XML であるため、アプリケーションの UI を動的に操作したり、ダウンロードやアップロードをしたり、保存や読み込みをしたり、変換したりといったことがかなり簡単にできます。

+

RDF には適さないデータを (あるいは RDF が嫌いなだけという場合でも) DOM ツリーを用いて作ることができます。別の応用例として、XUL は XML であるため、アプリケーションの UI を動的に操作したり、ダウンロードやアップロードをしたり、保存や読み込みをしたり、変換したりといったことがかなり簡単にできます。

-

{{ 英語版章題('See also') }}参照

+

関連情報

- -
{{ languages( { "en": "en/How_to_create_a_DOM_tree", "fr": "fr/Comment_cr\u00e9er_un_arbre_DOM", "zh-cn": "cn/How_to_create_a_DOM_tree"}) }}
-- cgit v1.2.3-54-g00ecf