From c98a9b1cf02d9143cc6924f1991d600c0f807411 Mon Sep 17 00:00:00 2001 From: MDN Date: Wed, 30 Jun 2021 00:38:38 +0000 Subject: [CRON] sync translated content --- files/de/_redirects.txt | 2 + files/de/_wikihistory.json | 24 +-- files/de/orphaned/web/api/childnode/index.html | 191 +++++++++++++++++++++ .../css/transform-function/translatex/index.html | 124 +++++++++++++ files/de/web/api/childnode/index.html | 190 -------------------- .../css/transform-function/translatex/index.html | 123 ------------- files/es/_redirects.txt | 2 + files/es/_wikihistory.json | 24 +-- .../orphaned/web/api/childnode/before/index.html | 176 +++++++++++++++++++ files/es/orphaned/web/api/childnode/index.html | 181 +++++++++++++++++++ files/es/web/api/childnode/before/index.html | 175 ------------------- files/es/web/api/childnode/index.html | 180 ------------------- files/fr/_redirects.txt | 6 +- files/fr/_wikihistory.json | 62 +++---- .../orphaned/web/api/childnode/before/index.html | 142 +++++++++++++++ files/fr/orphaned/web/api/childnode/index.html | 76 ++++++++ files/fr/orphaned/web/css/paint()/index.html | 110 ++++++++++++ .../css/transform-function/translatex/index.html | 110 ++++++++++++ files/fr/web/api/childnode/before/index.html | 141 --------------- files/fr/web/api/childnode/index.html | 75 -------- files/fr/web/css/paint()/index.html | 109 ------------ .../css/transform-function/translatex/index.html | 109 ------------ files/ja/_redirects.txt | 6 +- files/ja/_wikihistory.json | 58 +++---- .../orphaned/web/api/childnode/before/index.html | 145 ++++++++++++++++ files/ja/orphaned/web/api/childnode/index.html | 90 ++++++++++ files/ja/orphaned/web/css/paint()/index.html | 115 +++++++++++++ .../css/transform-function/translatex/index.html | 120 +++++++++++++ files/ja/web/api/childnode/before/index.html | 144 ---------------- files/ja/web/api/childnode/index.html | 89 ---------- files/ja/web/css/paint()/index.html | 114 ------------ .../css/transform-function/translatex/index.html | 119 ------------- files/ko/_redirects.txt | 2 + files/ko/_wikihistory.json | 24 +-- .../orphaned/web/api/childnode/before/index.html | 145 ++++++++++++++++ files/ko/orphaned/web/api/childnode/index.html | 77 +++++++++ files/ko/web/api/childnode/before/index.html | 144 ---------------- files/ko/web/api/childnode/index.html | 76 -------- files/pl/_redirects.txt | 1 + files/pl/_wikihistory.json | 14 +- files/pl/orphaned/web/api/childnode/index.html | 191 +++++++++++++++++++++ files/pl/web/api/childnode/index.html | 190 -------------------- files/pt-br/_redirects.txt | 1 + files/pt-br/_wikihistory.json | 16 +- files/pt-br/orphaned/web/api/childnode/index.html | 79 +++++++++ files/pt-br/web/api/childnode/index.html | 78 --------- files/ru/_redirects.txt | 1 + files/ru/_wikihistory.json | 14 +- files/ru/orphaned/web/api/childnode/index.html | 78 +++++++++ files/ru/web/api/childnode/index.html | 77 --------- files/zh-cn/_redirects.txt | 3 + files/zh-cn/_wikihistory.json | 54 +++--- .../orphaned/web/api/childnode/before/index.html | 188 ++++++++++++++++++++ files/zh-cn/orphaned/web/api/childnode/index.html | 78 +++++++++ .../css/transform-function/translatex/index.html | 130 ++++++++++++++ files/zh-cn/web/api/childnode/before/index.html | 187 -------------------- files/zh-cn/web/api/childnode/index.html | 77 --------- .../css/transform-function/translatex/index.html | 129 -------------- files/zh-tw/_redirects.txt | 1 + files/zh-tw/_wikihistory.json | 12 +- files/zh-tw/orphaned/web/api/childnode/index.html | 183 ++++++++++++++++++++ files/zh-tw/web/api/childnode/index.html | 182 -------------------- 62 files changed, 2903 insertions(+), 2861 deletions(-) create mode 100644 files/de/orphaned/web/api/childnode/index.html create mode 100644 files/de/orphaned/web/css/transform-function/translatex/index.html delete mode 100644 files/de/web/api/childnode/index.html delete mode 100644 files/de/web/css/transform-function/translatex/index.html create mode 100644 files/es/orphaned/web/api/childnode/before/index.html create mode 100644 files/es/orphaned/web/api/childnode/index.html delete mode 100644 files/es/web/api/childnode/before/index.html delete mode 100644 files/es/web/api/childnode/index.html create mode 100644 files/fr/orphaned/web/api/childnode/before/index.html create mode 100644 files/fr/orphaned/web/api/childnode/index.html create mode 100644 files/fr/orphaned/web/css/paint()/index.html create mode 100644 files/fr/orphaned/web/css/transform-function/translatex/index.html delete mode 100644 files/fr/web/api/childnode/before/index.html delete mode 100644 files/fr/web/api/childnode/index.html delete mode 100644 files/fr/web/css/paint()/index.html delete mode 100644 files/fr/web/css/transform-function/translatex/index.html create mode 100644 files/ja/orphaned/web/api/childnode/before/index.html create mode 100644 files/ja/orphaned/web/api/childnode/index.html create mode 100644 files/ja/orphaned/web/css/paint()/index.html create mode 100644 files/ja/orphaned/web/css/transform-function/translatex/index.html delete mode 100644 files/ja/web/api/childnode/before/index.html delete mode 100644 files/ja/web/api/childnode/index.html delete mode 100644 files/ja/web/css/paint()/index.html delete mode 100644 files/ja/web/css/transform-function/translatex/index.html create mode 100644 files/ko/orphaned/web/api/childnode/before/index.html create mode 100644 files/ko/orphaned/web/api/childnode/index.html delete mode 100644 files/ko/web/api/childnode/before/index.html delete mode 100644 files/ko/web/api/childnode/index.html create mode 100644 files/pl/orphaned/web/api/childnode/index.html delete mode 100644 files/pl/web/api/childnode/index.html create mode 100644 files/pt-br/orphaned/web/api/childnode/index.html delete mode 100644 files/pt-br/web/api/childnode/index.html create mode 100644 files/ru/orphaned/web/api/childnode/index.html delete mode 100644 files/ru/web/api/childnode/index.html create mode 100644 files/zh-cn/orphaned/web/api/childnode/before/index.html create mode 100644 files/zh-cn/orphaned/web/api/childnode/index.html create mode 100644 files/zh-cn/orphaned/web/css/transform-function/translatex/index.html delete mode 100644 files/zh-cn/web/api/childnode/before/index.html delete mode 100644 files/zh-cn/web/api/childnode/index.html delete mode 100644 files/zh-cn/web/css/transform-function/translatex/index.html create mode 100644 files/zh-tw/orphaned/web/api/childnode/index.html delete mode 100644 files/zh-tw/web/api/childnode/index.html (limited to 'files') diff --git a/files/de/_redirects.txt b/files/de/_redirects.txt index 218ad43488..fca382c6c5 100644 --- a/files/de/_redirects.txt +++ b/files/de/_redirects.txt @@ -484,6 +484,7 @@ /de/docs/Verwenden_des_Cache_beim_Firefox_1.5 /de/docs/Mozilla/Firefox/Releases/1.5/Using_Firefox_1.5_caching /de/docs/Web/API/AudioContext/decodeAudioData /de/docs/Web/API/BaseAudioContext/decodeAudioData /de/docs/Web/API/CSSRule.cssText /de/docs/Web/API/CSSRule/cssText +/de/docs/Web/API/ChildNode /de/docs/orphaned/Web/API/ChildNode /de/docs/Web/API/ChildNode/remove /de/docs/orphaned/Web/API/ChildNode/remove /de/docs/Web/API/Element.querySelector /de/docs/Web/API/Element/querySelector /de/docs/Web/API/File/Typ /de/docs/Web/API/File/type @@ -626,6 +627,7 @@ /de/docs/Web/CSS/none /de/docs/conflicting/Web/CSS/float /de/docs/Web/CSS/normal /de/docs/conflicting/Web/CSS/font-variant /de/docs/Web/CSS/tatsächlicher_Wert /de/docs/Web/CSS/actual_value +/de/docs/Web/CSS/transform-function/translateX /de/docs/orphaned/Web/CSS/transform-function/translateX /de/docs/Web/CSS/url /de/docs/Web/CSS/url() /de/docs/Web/CSS/visible /de/docs/Web/CSS/visibility /de/docs/Web/CSS/word-wrap /de/docs/Web/CSS/overflow-wrap diff --git a/files/de/_wikihistory.json b/files/de/_wikihistory.json index efbaf9dc4e..755d832c7b 100644 --- a/files/de/_wikihistory.json +++ b/files/de/_wikihistory.json @@ -2758,12 +2758,6 @@ "pixunil" ] }, - "Web/API/ChildNode": { - "modified": "2019-03-23T22:06:18.037Z", - "contributors": [ - "stevenwdv" - ] - }, "Web/API/Console": { "modified": "2020-10-15T21:47:34.377Z", "contributors": [ @@ -7886,12 +7880,6 @@ "Johuspect" ] }, - "Web/CSS/transform-function/translateX": { - "modified": "2020-12-11T18:08:20.315Z", - "contributors": [ - "Johuspect" - ] - }, "Web/CSS/transform-function/translateY()": { "modified": "2020-12-11T16:48:39.299Z", "contributors": [ @@ -14560,6 +14548,12 @@ "AARADEANCA" ] }, + "orphaned/Web/API/ChildNode": { + "modified": "2019-03-23T22:06:18.037Z", + "contributors": [ + "stevenwdv" + ] + }, "orphaned/Web/API/ChildNode/remove": { "modified": "2020-10-15T22:05:03.102Z", "contributors": [ @@ -14633,6 +14627,12 @@ "auranvesdranor" ] }, + "orphaned/Web/CSS/transform-function/translateX": { + "modified": "2020-12-11T18:08:20.315Z", + "contributors": [ + "Johuspect" + ] + }, "orphaned/Web/Guide/Events": { "modified": "2019-03-18T21:10:49.464Z", "contributors": [ diff --git a/files/de/orphaned/web/api/childnode/index.html b/files/de/orphaned/web/api/childnode/index.html new file mode 100644 index 0000000000..510920d233 --- /dev/null +++ b/files/de/orphaned/web/api/childnode/index.html @@ -0,0 +1,191 @@ +--- +title: ChildNode +slug: orphaned/Web/API/ChildNode +tags: + - API + - DOM + - Experimental + - Interface + - NeedsTranslation + - Node + - TopicStub +translation_of: Web/API/ChildNode +original_slug: Web/API/ChildNode +--- +
{{APIRef("DOM")}}
+ +

The ChildNode interface contains methods that are particular to {{domxref("Node")}} objects that can have a parent.

+ +

ChildNode is a raw interface and no object of this type can be created; it is implemented by {{domxref("Element")}}, {{domxref("DocumentType")}}, and {{domxref("CharacterData")}} objects.

+ +

Properties

+ +

There are neither inherited, nor specific properties.

+ +

Methods

+ +

There are no inherited methods.

+ +
+
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
+
Removes this ChildNode from the children list of its parent.
+
{{domxref("ChildNode.before()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just before this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("ChildNode.after()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just after this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
+
Replaces this ChildNode in the children list of its parent with a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
+ +

Specifications

+ + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Split the ElementTraversal interface in {{domxref("ParentNode")}} and ChildNode. previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. Added the remove(), before(), after() and replaceWith() methods.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
+ +

Polyfill

+ +

External on github: childNode.js

+ +

Browser compatibility

+ +

{{ CompatibilityTable }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support (on {{domxref("Element")}}){{CompatChrome(1.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}9.010.04.0
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatChrome(23.0)}}{{CompatNo}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
remove(){{experimental_inline}}{{CompatChrome(29.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoDesktop(49)}}{{CompatNo}}{{CompatOpera(39)}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidAndroid WebviewEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support (on {{domxref("Element")}}){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatVersionUnknown}}10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
remove(){{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatNo}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoMobile(49)}}{{CompatNo}}{{CompatOperaMobile(39)}}{{CompatNo}}{{CompatChrome(54.0)}}
+
+ +

See also

+ + diff --git a/files/de/orphaned/web/css/transform-function/translatex/index.html b/files/de/orphaned/web/css/transform-function/translatex/index.html new file mode 100644 index 0000000000..e9530b46e4 --- /dev/null +++ b/files/de/orphaned/web/css/transform-function/translatex/index.html @@ -0,0 +1,124 @@ +--- +title: translateX() +slug: orphaned/Web/CSS/transform-function/translateX +tags: + - CSS + - CSS Funktion + - CSS Tranformation + - Funktion + - Referenz +translation_of: Web/CSS/transform-function/translateX +original_slug: Web/CSS/transform-function/translateX +--- +
{{CSSRef}}
+ +

Die CSS-Funktion translateX() positioniert ein Element horizontal auf der 2D-Ebene neu. Ihr Ergebnis ist ein {{cssxref("<transform-function>")}} Datentyp.

+ +

+ +
+

Hinweis: translateX(tx) ist dasselbe wie translate(tx, 0) oder translate3d(tx, 0, 0).

+
+ +

Syntax

+ +
/* <length-percentage> values */
+transform: translateX(200px);
+transform: translateX(50%);
+
+ +

Werte

+ +
+
<length-percentage>
+
Ist ein {{cssxref("<length>")}} oder {{cssxref("<percentage>")}} , der die Abszisse des Verschiebevektors darstellt. Ein Prozentwert bezieht sich auf die Breite der Referenzbox, die durch die Eigenschaft {{cssxref("transform-box")}} definiert ist.
+
+ + + + + + + + + + + + + + + + + + + + + +
Kartesische Koordinaten auf ℝ2Homogene Koordinaten auf ℝℙ2Kartesische Koordinaten auf ℝ3Homogene Koordinaten auf ℝℙ3
+

Eine Translation ist keine lineare Transformation in ℝ2 und kann nicht durch eine kartesische Koordinatenmatrix dargestellt werden.

+ 		10t010001 10t010001 100t010000100001
[1 0 0 1 t 0]
+ +

Formale Syntax

+ +
translateX({{cssxref("<length-percentage>")}})
+
+ +

Beispiel

+ +

HTML

+ +
<div>Static</div>
+<div class="moved">Moved</div>
+<div>Static</div>
+ +

CSS

+ +
div {
+  width: 60px;
+  height: 60px;
+  background-color: skyblue;
+}
+
+.moved {
+  transform: translateX(10px); /* Equal to translate(10px) */
+  background-color: pink;
+}
+
+ +

Ergebnis

+ +

{{EmbedLiveSample("Examples", 250, 250)}}

+ +

Spezifikation

+ + + + + + + + + + + + + + + + +
SpezifikationStatusKommentar
{{SpecName("CSS3 Transforms", "#funcdef-transform-translatex", "translateX()")}}{{Spec2("CSS3 Transforms")}}Ursprüngliche Definition
+ +

Browser-Kompatibilität

+ +

{{Compat("css.types.transform-function")}}

+ +

Siehe auch

+ + diff --git a/files/de/web/api/childnode/index.html b/files/de/web/api/childnode/index.html deleted file mode 100644 index 07dcc1cb33..0000000000 --- a/files/de/web/api/childnode/index.html +++ /dev/null @@ -1,190 +0,0 @@ ---- -title: ChildNode -slug: Web/API/ChildNode -tags: - - API - - DOM - - Experimental - - Interface - - NeedsTranslation - - Node - - TopicStub -translation_of: Web/API/ChildNode ---- -
{{APIRef("DOM")}}
- -

The ChildNode interface contains methods that are particular to {{domxref("Node")}} objects that can have a parent.

- -

ChildNode is a raw interface and no object of this type can be created; it is implemented by {{domxref("Element")}}, {{domxref("DocumentType")}}, and {{domxref("CharacterData")}} objects.

- -

Properties

- -

There are neither inherited, nor specific properties.

- -

Methods

- -

There are no inherited methods.

- -
-
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
-
Removes this ChildNode from the children list of its parent.
-
{{domxref("ChildNode.before()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just before this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("ChildNode.after()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just after this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
-
Replaces this ChildNode in the children list of its parent with a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
- -

Specifications

- - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Split the ElementTraversal interface in {{domxref("ParentNode")}} and ChildNode. previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. Added the remove(), before(), after() and replaceWith() methods.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
- -

Polyfill

- -

External on github: childNode.js

- -

Browser compatibility

- -

{{ CompatibilityTable }}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support (on {{domxref("Element")}}){{CompatChrome(1.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}9.010.04.0
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatChrome(23.0)}}{{CompatNo}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
remove(){{experimental_inline}}{{CompatChrome(29.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoDesktop(49)}}{{CompatNo}}{{CompatOpera(39)}}{{CompatNo}}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidAndroid WebviewEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support (on {{domxref("Element")}}){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatVersionUnknown}}10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
remove(){{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatNo}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoMobile(49)}}{{CompatNo}}{{CompatOperaMobile(39)}}{{CompatNo}}{{CompatChrome(54.0)}}
-
- -

See also

- - diff --git a/files/de/web/css/transform-function/translatex/index.html b/files/de/web/css/transform-function/translatex/index.html deleted file mode 100644 index 6082585067..0000000000 --- a/files/de/web/css/transform-function/translatex/index.html +++ /dev/null @@ -1,123 +0,0 @@ ---- -title: translateX() -slug: Web/CSS/transform-function/translateX -tags: - - CSS - - CSS Funktion - - CSS Tranformation - - Funktion - - Referenz -translation_of: Web/CSS/transform-function/translateX ---- -
{{CSSRef}}
- -

Die CSS-Funktion translateX() positioniert ein Element horizontal auf der 2D-Ebene neu. Ihr Ergebnis ist ein {{cssxref("<transform-function>")}} Datentyp.

- -

- -
-

Hinweis: translateX(tx) ist dasselbe wie translate(tx, 0) oder translate3d(tx, 0, 0).

-
- -

Syntax

- -
/* <length-percentage> values */
-transform: translateX(200px);
-transform: translateX(50%);
-
- -

Werte

- -
-
<length-percentage>
-
Ist ein {{cssxref("<length>")}} oder {{cssxref("<percentage>")}} , der die Abszisse des Verschiebevektors darstellt. Ein Prozentwert bezieht sich auf die Breite der Referenzbox, die durch die Eigenschaft {{cssxref("transform-box")}} definiert ist.
-
- - - - - - - - - - - - - - - - - - - - - -
Kartesische Koordinaten auf ℝ2Homogene Koordinaten auf ℝℙ2Kartesische Koordinaten auf ℝ3Homogene Koordinaten auf ℝℙ3
-

Eine Translation ist keine lineare Transformation in ℝ2 und kann nicht durch eine kartesische Koordinatenmatrix dargestellt werden.

- 		10t010001 10t010001 100t010000100001
[1 0 0 1 t 0]
- -

Formale Syntax

- -
translateX({{cssxref("<length-percentage>")}})
-
- -

Beispiel

- -

HTML

- -
<div>Static</div>
-<div class="moved">Moved</div>
-<div>Static</div>
- -

CSS

- -
div {
-  width: 60px;
-  height: 60px;
-  background-color: skyblue;
-}
-
-.moved {
-  transform: translateX(10px); /* Equal to translate(10px) */
-  background-color: pink;
-}
-
- -

Ergebnis

- -

{{EmbedLiveSample("Examples", 250, 250)}}

- -

Spezifikation

- - - - - - - - - - - - - - - - -
SpezifikationStatusKommentar
{{SpecName("CSS3 Transforms", "#funcdef-transform-translatex", "translateX()")}}{{Spec2("CSS3 Transforms")}}Ursprüngliche Definition
- -

Browser-Kompatibilität

- -

{{Compat("css.types.transform-function")}}

- -

Siehe auch

- - diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt index ed34cdbec1..b837bed45f 100644 --- a/files/es/_redirects.txt +++ b/files/es/_redirects.txt @@ -1781,7 +1781,9 @@ /es/docs/Web/API/CameraCapabilities.maxExposureCompensation /es/docs/Web/API/CameraCapabilities/maxExposureCompensation /es/docs/Web/API/CameraCapabilities.maxFocusAreas /es/docs/Web/API/CameraCapabilities/maxFocusAreas /es/docs/Web/API/Canvas_API/Tutorial/Compositing/Ejemplo /es/docs/Web/API/Canvas_API/Tutorial/Compositing/Example +/es/docs/Web/API/ChildNode /es/docs/orphaned/Web/API/ChildNode /es/docs/Web/API/ChildNode/after /es/docs/orphaned/Web/API/ChildNode/after +/es/docs/Web/API/ChildNode/before /es/docs/orphaned/Web/API/ChildNode/before /es/docs/Web/API/ChildNode/remove /es/docs/orphaned/Web/API/ChildNode/remove /es/docs/Web/API/ChildNode/replaceWith /es/docs/orphaned/Web/API/ChildNode/replaceWith /es/docs/Web/API/Console/tabla /es/docs/Web/API/Console/table diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json index b55d070ceb..cf75d92e56 100644 --- a/files/es/_wikihistory.json +++ b/files/es/_wikihistory.json @@ -5512,18 +5512,6 @@ "anfuca" ] }, - "Web/API/ChildNode": { - "modified": "2019-03-29T14:12:39.589Z", - "contributors": [ - "jpmedley" - ] - }, - "Web/API/ChildNode/before": { - "modified": "2019-03-23T22:23:28.772Z", - "contributors": [ - "SoftwareRVG" - ] - }, "Web/API/ClipboardEvent": { "modified": "2020-10-15T22:14:15.464Z", "contributors": [ @@ -23224,6 +23212,12 @@ "guiller1998" ] }, + "orphaned/Web/API/ChildNode": { + "modified": "2019-03-29T14:12:39.589Z", + "contributors": [ + "jpmedley" + ] + }, "orphaned/Web/API/ChildNode/after": { "modified": "2020-10-15T21:50:39.528Z", "contributors": [ @@ -23231,6 +23225,12 @@ "SoftwareRVG" ] }, + "orphaned/Web/API/ChildNode/before": { + "modified": "2019-03-23T22:23:28.772Z", + "contributors": [ + "SoftwareRVG" + ] + }, "orphaned/Web/API/ChildNode/remove": { "modified": "2020-10-15T21:50:43.901Z", "contributors": [ diff --git a/files/es/orphaned/web/api/childnode/before/index.html b/files/es/orphaned/web/api/childnode/before/index.html new file mode 100644 index 0000000000..cfede06158 --- /dev/null +++ b/files/es/orphaned/web/api/childnode/before/index.html @@ -0,0 +1,176 @@ +--- +title: ChildNode.before() +slug: orphaned/Web/API/ChildNode/before +tags: + - API + - DOM + - Experimental + - Nodo + - Referencia + - metodo +translation_of: Web/API/ChildNode/before +original_slug: Web/API/ChildNode/before +--- +

+ +
+
 
+
+ +
+
 
+
+ +
+
{{APIRef ( "DOM")}} {{SeeCompatTable}}
+
+El método ChildNode.before inserta un conjunto de objetos {{domxref ( "Node")}} o {{domxref ( "DOMString")}} en la lista de hijos de este ChildNode del padre, justo antes de este ChildNode. Los objetos {{domxref ( "DOMString")}} se insertan como nodos equivalentes {{domxref ( "Text")}}.
+
+ +

Síntasix

+ +
[Throws, Unscopable]
+void ChildNode.before((Node or DOMString)... nodes);
+
+ +

Parámetros

+ +
+
nodos
+
Un conjunto de objetos {{domxref ( "Node")}} o {{domxref ( "DOMString")}} para insertar.
+
+ +

Excepciones

+ + + +

Ejemplos

+ +

Insertando un elemento

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span);
+
+console.log(parent.outerHTML);
+// "<div><span></span><p></p></div>"
+
+ +

Insertando texto

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+
+child.before("Text");
+
+console.log(parent.outerHTML);
+// "<div>Text<p></p></div>"
+ +

Insertando un elemento y texto

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span, "Text");
+
+console.log(parent.outerHTML);
+// "<div><span></span>Text<p></p></div>"
+ +

ChildNode.before() es unscopable

+ +

El método before () no está definido en la declaración with. Consulte {{jsxref ( "Symbol.unscopables")}} para obtener más información.

+ +
with(node) {
+  before("foo");
+}
+// ReferenceError: before is not defined
+ +

Especificación

+ + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}{{Spec2('DOM WHATWG')}}Definición Inicial.
+ +

Compatibilidad en los Navegadores

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FunciónChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte  Básico{{CompatChrome(54.0)}}{{CompatGeckoDesktop(49)}}{{CompatUnknown}}{{CompatOpera(39)}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
FunciónAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Soporte Básico{{CompatNo}}{{CompatChrome(54.0)}}{{CompatGeckoMobile(49)}}{{CompatUnknown}}{{CompatOpera(39)}}{{CompatUnknown}}{{CompatChrome(54.0)}}
+
+ +

Ver también

+ + diff --git a/files/es/orphaned/web/api/childnode/index.html b/files/es/orphaned/web/api/childnode/index.html new file mode 100644 index 0000000000..2cdd1c573b --- /dev/null +++ b/files/es/orphaned/web/api/childnode/index.html @@ -0,0 +1,181 @@ +--- +title: ChildNode +slug: orphaned/Web/API/ChildNode +tags: + - API + - DOM + - Experimental + - Interface + - NeedsTranslation + - Node + - TopicStub +translation_of: Web/API/ChildNode +original_slug: Web/API/ChildNode +--- +
{{APIRef("DOM")}}
+ +

The ChildNode interface contains methods that are particular to {{domxref("Node")}} objects that can have a parent.

+ +

ChildNode is a raw interface and no object of this type can be created; it is implemented by {{domxref("Element")}}, {{domxref("DocumentType")}}, and {{domxref("CharacterData")}} objects.

+ +

Properties

+ +

There are neither inherited, nor specific properties.

+ +

Methods

+ +

There are no inherited methods.

+ +
+
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
+
Removes this ChildNode from the children list of its parent.
+
{{domxref("ChildNode.before()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just before this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("ChildNode.after()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just after this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
+
Replaces this ChildNode in the children list of its parent with a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
+ +

Specifications

+ + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Split the ElementTraversal interface in {{domxref("ParentNode")}} and ChildNode. previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. Added the remove(), before(), after() and replaceWith() methods.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
+ +

Polyfill

+ +

External on github: childNode.js

+ +

Browser compatibility

+ +

{{ CompatibilityTable }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support (on {{domxref("Element")}}){{CompatChrome(1.0)}}{{CompatGeckoDesktop(23)}}9.010.04.0
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatChrome(23.0)}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
remove(){{experimental_inline}}{{CompatChrome(29.0)}}{{CompatGeckoDesktop(23)}}Edge16.0{{CompatNo}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatChrome(54.0)}}{{CompatGeckoDesktop(49)}}{{CompatNo}}{{CompatOpera(39)}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support (on {{domxref("Element")}}){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatVersionUnknown}}10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
remove(){{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatNo}}{{CompatChrome(54.0)}}{{CompatGeckoMobile(49)}}{{CompatNo}}{{CompatOperaMobile(39)}}{{CompatNo}}{{CompatChrome(54.0)}}
+
+ +

See also

+ + diff --git a/files/es/web/api/childnode/before/index.html b/files/es/web/api/childnode/before/index.html deleted file mode 100644 index b7ac4e3835..0000000000 --- a/files/es/web/api/childnode/before/index.html +++ /dev/null @@ -1,175 +0,0 @@ ---- -title: ChildNode.before() -slug: Web/API/ChildNode/before -tags: - - API - - DOM - - Experimental - - Nodo - - Referencia - - metodo -translation_of: Web/API/ChildNode/before ---- -

- -
-
 
-
- -
-
 
-
- -
-
{{APIRef ( "DOM")}} {{SeeCompatTable}}
-
-El método ChildNode.before inserta un conjunto de objetos {{domxref ( "Node")}} o {{domxref ( "DOMString")}} en la lista de hijos de este ChildNode del padre, justo antes de este ChildNode. Los objetos {{domxref ( "DOMString")}} se insertan como nodos equivalentes {{domxref ( "Text")}}.
-
- -

Síntasix

- -
[Throws, Unscopable]
-void ChildNode.before((Node or DOMString)... nodes);
-
- -

Parámetros

- -
-
nodos
-
Un conjunto de objetos {{domxref ( "Node")}} o {{domxref ( "DOMString")}} para insertar.
-
- -

Excepciones

- - - -

Ejemplos

- -

Insertando un elemento

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span);
-
-console.log(parent.outerHTML);
-// "<div><span></span><p></p></div>"
-
- -

Insertando texto

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-
-child.before("Text");
-
-console.log(parent.outerHTML);
-// "<div>Text<p></p></div>"
- -

Insertando un elemento y texto

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span, "Text");
-
-console.log(parent.outerHTML);
-// "<div><span></span>Text<p></p></div>"
- -

ChildNode.before() es unscopable

- -

El método before () no está definido en la declaración with. Consulte {{jsxref ( "Symbol.unscopables")}} para obtener más información.

- -
with(node) {
-  before("foo");
-}
-// ReferenceError: before is not defined
- -

Especificación

- - - - - - - - - - - - - - -
EspecificaciónEstadoComentario
{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}{{Spec2('DOM WHATWG')}}Definición Inicial.
- -

Compatibilidad en los Navegadores

- -

{{CompatibilityTable}}

- -
- - - - - - - - - - - - - - - - - - - -
FunciónChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte  Básico{{CompatChrome(54.0)}}{{CompatGeckoDesktop(49)}}{{CompatUnknown}}{{CompatOpera(39)}}{{CompatUnknown}}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - -
FunciónAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Soporte Básico{{CompatNo}}{{CompatChrome(54.0)}}{{CompatGeckoMobile(49)}}{{CompatUnknown}}{{CompatOpera(39)}}{{CompatUnknown}}{{CompatChrome(54.0)}}
-
- -

Ver también

- - diff --git a/files/es/web/api/childnode/index.html b/files/es/web/api/childnode/index.html deleted file mode 100644 index f354d73bd1..0000000000 --- a/files/es/web/api/childnode/index.html +++ /dev/null @@ -1,180 +0,0 @@ ---- -title: ChildNode -slug: Web/API/ChildNode -tags: - - API - - DOM - - Experimental - - Interface - - NeedsTranslation - - Node - - TopicStub -translation_of: Web/API/ChildNode ---- -
{{APIRef("DOM")}}
- -

The ChildNode interface contains methods that are particular to {{domxref("Node")}} objects that can have a parent.

- -

ChildNode is a raw interface and no object of this type can be created; it is implemented by {{domxref("Element")}}, {{domxref("DocumentType")}}, and {{domxref("CharacterData")}} objects.

- -

Properties

- -

There are neither inherited, nor specific properties.

- -

Methods

- -

There are no inherited methods.

- -
-
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
-
Removes this ChildNode from the children list of its parent.
-
{{domxref("ChildNode.before()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just before this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("ChildNode.after()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just after this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
-
Replaces this ChildNode in the children list of its parent with a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
- -

Specifications

- - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Split the ElementTraversal interface in {{domxref("ParentNode")}} and ChildNode. previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. Added the remove(), before(), after() and replaceWith() methods.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
- -

Polyfill

- -

External on github: childNode.js

- -

Browser compatibility

- -

{{ CompatibilityTable }}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support (on {{domxref("Element")}}){{CompatChrome(1.0)}}{{CompatGeckoDesktop(23)}}9.010.04.0
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatChrome(23.0)}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
remove(){{experimental_inline}}{{CompatChrome(29.0)}}{{CompatGeckoDesktop(23)}}Edge16.0{{CompatNo}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatChrome(54.0)}}{{CompatGeckoDesktop(49)}}{{CompatNo}}{{CompatOpera(39)}}{{CompatNo}}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support (on {{domxref("Element")}}){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatVersionUnknown}}10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
remove(){{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatNo}}{{CompatChrome(54.0)}}{{CompatGeckoMobile(49)}}{{CompatNo}}{{CompatOperaMobile(39)}}{{CompatNo}}{{CompatChrome(54.0)}}
-
- -

See also

- - diff --git a/files/fr/_redirects.txt b/files/fr/_redirects.txt index d894bac2de..02bf9e3a43 100644 --- a/files/fr/_redirects.txt +++ b/files/fr/_redirects.txt @@ -3616,7 +3616,9 @@ /fr/docs/Web/API/Canvas_API/Tutoriel_canvas/Transformations /fr/docs/Web/API/Canvas_API/Tutorial/Transformations /fr/docs/Web/API/Canvas_API/Tutoriel_canvas/Utilisation_d'images /fr/docs/Web/API/Canvas_API/Tutorial/Using_images /fr/docs/Web/API/Canvas_API/Tutoriel_canvas/Utilisation_de_base /fr/docs/Web/API/Canvas_API/Tutorial/Basic_usage +/fr/docs/Web/API/ChildNode /fr/docs/orphaned/Web/API/ChildNode /fr/docs/Web/API/ChildNode/after /fr/docs/orphaned/Web/API/ChildNode/after +/fr/docs/Web/API/ChildNode/before /fr/docs/orphaned/Web/API/ChildNode/before /fr/docs/Web/API/ChildNode/remove /fr/docs/orphaned/Web/API/ChildNode/remove /fr/docs/Web/API/ChildNode/replaceWith /fr/docs/orphaned/Web/API/ChildNode/replaceWith /fr/docs/Web/API/Commentaire /fr/docs/Web/API/Comment @@ -4330,7 +4332,8 @@ /fr/docs/Web/CSS/offset-inline-end /fr/docs/Web/CSS/inset-inline-end /fr/docs/Web/CSS/offset-inline-start /fr/docs/Web/CSS/inset-inline-start /fr/docs/Web/CSS/overflow-anchor/Guide_ancrage_défilement /fr/docs/Web/CSS/overflow-anchor/Guide_to_scroll_anchoring -/fr/docs/Web/CSS/paint /fr/docs/Web/CSS/paint() +/fr/docs/Web/CSS/paint /fr/docs/orphaned/Web/CSS/paint() +/fr/docs/Web/CSS/paint() /fr/docs/orphaned/Web/CSS/paint() /fr/docs/Web/CSS/proprietes_css_animees /fr/docs/Web/CSS/CSS_animated_properties /fr/docs/Web/CSS/radial-gradient /fr/docs/orphaned/Web/CSS/radial-gradient() /fr/docs/Web/CSS/radial-gradient() /fr/docs/orphaned/Web/CSS/radial-gradient() @@ -4364,6 +4367,7 @@ /fr/docs/Web/CSS/transform-function/skewY /fr/docs/Web/CSS/transform-function/skewY() /fr/docs/Web/CSS/transform-function/translate /fr/docs/Web/CSS/transform-function/translate() /fr/docs/Web/CSS/transform-function/translate3d /fr/docs/Web/CSS/transform-function/translate3d() +/fr/docs/Web/CSS/transform-function/translateX /fr/docs/orphaned/Web/CSS/transform-function/translateX /fr/docs/Web/CSS/transform-function/translateY /fr/docs/Web/CSS/transform-function/translateY() /fr/docs/Web/CSS/transform-function/translateZ /fr/docs/Web/CSS/transform-function/translateZ() /fr/docs/Web/CSS/uri /fr/docs/conflicting/Web/CSS/url()_168028c4e5edd9e19c061adb4b604d4f diff --git a/files/fr/_wikihistory.json b/files/fr/_wikihistory.json index 8624a0d6a0..caad5c7e4e 100644 --- a/files/fr/_wikihistory.json +++ b/files/fr/_wikihistory.json @@ -13019,22 +13019,6 @@ "loella16" ] }, - "Web/API/ChildNode": { - "modified": "2020-10-15T21:28:06.168Z", - "contributors": [ - "loella16", - "alexandreL", - "thbil", - "khalid32", - "bchaplet" - ] - }, - "Web/API/ChildNode/before": { - "modified": "2020-10-15T22:01:12.319Z", - "contributors": [ - "loella16" - ] - }, "Web/API/Client": { "modified": "2020-11-16T08:56:05.543Z", "contributors": [ @@ -29332,14 +29316,6 @@ "SphinxKnight" ] }, - "Web/CSS/paint()": { - "modified": "2020-11-16T12:34:32.285Z", - "contributors": [ - "JNa0", - "chrisdavidmills", - "SphinxKnight" - ] - }, "Web/CSS/paint-order": { "modified": "2020-10-15T22:02:33.903Z", "contributors": [ @@ -30255,13 +30231,6 @@ "mrstork" ] }, - "Web/CSS/transform-function/translateX": { - "modified": "2019-04-06T11:48:19.824Z", - "contributors": [ - "SphinxKnight", - "mrstork" - ] - }, "Web/CSS/transform-function/translateY()": { "modified": "2020-11-30T13:01:02.374Z", "contributors": [ @@ -44595,6 +44564,16 @@ "SphinxKnight" ] }, + "orphaned/Web/API/ChildNode": { + "modified": "2020-10-15T21:28:06.168Z", + "contributors": [ + "loella16", + "alexandreL", + "thbil", + "khalid32", + "bchaplet" + ] + }, "orphaned/Web/API/ChildNode/after": { "modified": "2020-10-15T21:56:14.439Z", "contributors": [ @@ -44602,6 +44581,12 @@ "BEHOUBA" ] }, + "orphaned/Web/API/ChildNode/before": { + "modified": "2020-10-15T22:01:12.319Z", + "contributors": [ + "loella16" + ] + }, "orphaned/Web/API/ChildNode/remove": { "modified": "2020-10-15T21:49:32.341Z", "contributors": [ @@ -44891,6 +44876,14 @@ "thenew" ] }, + "orphaned/Web/CSS/paint()": { + "modified": "2020-11-16T12:34:32.285Z", + "contributors": [ + "JNa0", + "chrisdavidmills", + "SphinxKnight" + ] + }, "orphaned/Web/CSS/radial-gradient()": { "modified": "2020-11-18T14:42:17.846Z", "contributors": [ @@ -44932,6 +44925,13 @@ "a-mt" ] }, + "orphaned/Web/CSS/transform-function/translateX": { + "modified": "2019-04-06T11:48:19.824Z", + "contributors": [ + "SphinxKnight", + "mrstork" + ] + }, "orphaned/Web/Guide/Events": { "modified": "2020-08-30T07:20:46.985Z", "contributors": [ diff --git a/files/fr/orphaned/web/api/childnode/before/index.html b/files/fr/orphaned/web/api/childnode/before/index.html new file mode 100644 index 0000000000..f917723698 --- /dev/null +++ b/files/fr/orphaned/web/api/childnode/before/index.html @@ -0,0 +1,142 @@ +--- +title: ChildNode.before() +slug: orphaned/Web/API/ChildNode/before +tags: + - API + - DOM + - Méthodes + - Noeuds + - References +translation_of: Web/API/ChildNode/before +original_slug: Web/API/ChildNode/before +--- +
{{APIRef("DOM")}} {{SeeCompatTable}}
+ +

La méthode ChildNode.before insère un ensemble d'objets {{domxref("Node")}} (noeud) ou {{domxref("DOMString")}} (chaîne de caractères) dans la liste des enfants du parent du ChildNode, juste avant ce ChildNode. Des objets {{domxref("DOMString")}} sont insérés comme noeuds équivalents à {{domxref("Text")}}.

+ +

Syntaxe

+ +
[Throws, Unscopable]
+void ChildNode.before((Node or DOMString)... nodes);
+
+ +

Paramètres

+ +
+
nodes
+
Un ensemble d'objets {{domxref("Node")}} (noeud) ou {{domxref("DOMString")}} (chaîne de caractères) à insérer.
+
+ +

Exceptions

+ + + +

Exemples

+ +

Insertion d'un élément

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span);
+
+console.log(parent.outerHTML);
+// "<div><span></span><p></p></div>"
+
+ +

Insertion de texte

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+
+child.before("Text");
+
+console.log(parent.outerHTML);
+// "<div>Text<p></p></div>"
+ +

Insertion d'un élément et de texte

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span, "Text");
+
+console.log(parent.outerHTML);
+// "<div><span></span>Text<p></p></div>"
+ +

ChildNode.before() est inaccessible

+ +

La méthode before() n'est pas comprise dans l'instruction with. Voir {{jsxref("Symbol.unscopables")}} pour plus d'informations.

+ +
with(node) {
+  before("foo");
+}
+// ReferenceError: before is not defined (before n'est pas défini)
+ +

Polyfill

+ +

Vous pouvez utiliser un polyfill pour la méthode before() dans Internet Explorer 9 et supérieur avec le code suivant :

+ +
// from: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/before()/before().md
+(function (arr) {
+  arr.forEach(function (item) {
+    if (item.hasOwnProperty('before')) {
+      return;
+    }
+    Object.defineProperty(item, 'before', {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: function before() {
+        var argArr = Array.prototype.slice.call(arguments),
+          docFrag = document.createDocumentFragment();
+
+        argArr.forEach(function (argItem) {
+          var isNode = argItem instanceof Node;
+          docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
+        });
+
+        this.parentNode.insertBefore(docFrag, this);
+      }
+    });
+  });
+})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
+ +

Spécification

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}{{Spec2('DOM WHATWG')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.ChildNode.before")}}

+ +

Voir aussi

+ + diff --git a/files/fr/orphaned/web/api/childnode/index.html b/files/fr/orphaned/web/api/childnode/index.html new file mode 100644 index 0000000000..35b7b8438e --- /dev/null +++ b/files/fr/orphaned/web/api/childnode/index.html @@ -0,0 +1,76 @@ +--- +title: ChildNode +slug: orphaned/Web/API/ChildNode +tags: + - API + - DOM + - Interface + - Noeuds +translation_of: Web/API/ChildNode +original_slug: Web/API/ChildNode +--- +

{{APIRef("DOM")}}

+ +

L'interface ChildNode contient des méthodes propres aux objets {{domxref("Node")}} pouvant avoir un parent.

+ +

ChildNode est une interface de flux et aucun objet de ce type ne peut être créé ; elle est implémentée par les objets {{domxref("Element")}}, {{domxref("DocumentType")}} et {{domxref("CharacterData")}}.

+ +

Propriétés

+ +

Il n'y a pas de propriétés héritées ni spécifiques.

+ +

Méthodes

+ +

Il n'y a pas de méthodes héritées.

+ +
+
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
+
supprime ce ChildNode de la liste des enfants du parent.
+
{{domxref("ChildNode.before()")}} {{experimental_inline}}
+
ajoute un jeu d'objets {{domxref("Node")}} ou {{domxref("DOMString")}} dans la liste des enfants du parent de ce ChildNode, juste avant lui. Les objets {{domxref("DOMString")}} sont ajoutés comme équivalent des noeuds {{domxref("Text")}}.
+
{{domxref("ChildNode.after()")}} {{experimental_inline}}
+
ajoute un jeu d'objets {{domxref("Node")}} ou {{domxref("DOMString")}} dans la liste des enfants du parent de ce ChildNode, juste après lui. Les objets {{domxref("DOMString")}} sont ajoutés comme équivalent des noeuds {{domxref("Text")}}.
+
{{domxref("ChildNode.replace()")}} {{experimental_inline}}
+
Remplace ce ChildNode dans la liste des enfants de son parent avec un jeu d'objets {{domxref("Node")}} ou {{domxref("DOMString")}}. Les objets {{domxref("DOMString")}} sont insérés comme équivalent des noeuds {{domxref("Text")}}.
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + +
SpécificationsStatutCommentaire
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Sépare l'interface ElementTraversal dans {{domxref("ParentNode")}} et ChildNode. Les previousElementSibling et nextElementSibling sont maintenant définis  sur ce dernier.
+ Les {{domxref("CharacterData")}} et {{domxref("DocumentType")}} implémentent les nouvelles interfaces.
+ Ajoute les méthodes remove(), before(), after() et replace().
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Ajoute la définition initiale de ses propriétés à l'interface pure ElementTraversal et l'utilise sur un {{domxref("Element")}}.
+ +

Polyfill

+ +

Externe sur github : childNode.js

+ +

Compatibilité des navigateurs

+ +

{{Compat("api.ChildNode")}}

+ +

Voir aussi

+ + diff --git a/files/fr/orphaned/web/css/paint()/index.html b/files/fr/orphaned/web/css/paint()/index.html new file mode 100644 index 0000000000..3a0b12a478 --- /dev/null +++ b/files/fr/orphaned/web/css/paint()/index.html @@ -0,0 +1,110 @@ +--- +title: paint() +slug: orphaned/Web/CSS/paint() +tags: + - CSS + - Fonction + - Houdini + - Reference + - Web +translation_of: Web/CSS/paint() +original_slug: Web/CSS/paint() +--- +
{{CSSRef}}{{SeeCompatTable}}
+ +

La fonction CSS paint() définit une {{cssxref("<image>")}} dont la valeur est générée par un PaintWorklet.

+ +

Syntaxe

+ +
paint(workletName, parameters)
+ +

Paramètres

+ +
+
workletName
+
Le nom du worklet enregistré.
+
parameters
+
Des paramètres supplémentaires optionnels, passés aux paintWorklet.
+
+ +

Exemples

+ +

Il est possible de passer des arguments supplémentaires grâce à la fonction CSS paint(). Dans cet exemple, on passe deux arguments : le premier indiquant si l'arrière-plan est rempli ou si on utilise juste son contour et le second indiquant la largeur de ce contour :

+ + + + + +
li {
+   --boxColor: hsla(55, 90%, 60%, 1.0);
+   background-image: paint(hollowHighlights, stroke, 2px);
+}
+
+li:nth-of-type(3n) {
+   --boxColor: hsla(155, 90%, 60%, 1.0);
+   background-image: paint(hollowHighlights, filled,  3px);
+}
+
+li:nth-of-type(3n+1) {
+   --boxColor: hsla(255, 90%, 60%, 1.0);
+   background-image: paint(hollowHighlights, stroke, 1px);
+}
+ +

On a ici ajouté une propriété personnalisée dans le sélecteur du bloc. Ces propriétés personnalisées peuvent être manipulées par le PaintWorklet.

+ +

{{EmbedLiveSample("Examples", 300, 300)}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS Painting API', '#paint-notation', 'Paint Notation')}}{{Spec2('CSS Painting API')}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("css.types.image.paint")}}

+ +

Voir aussi

+ + diff --git a/files/fr/orphaned/web/css/transform-function/translatex/index.html b/files/fr/orphaned/web/css/transform-function/translatex/index.html new file mode 100644 index 0000000000..e39190808d --- /dev/null +++ b/files/fr/orphaned/web/css/transform-function/translatex/index.html @@ -0,0 +1,110 @@ +--- +title: translateX() +slug: orphaned/Web/CSS/transform-function/translateX +tags: + - CSS + - Fonction + - Reference + - Transformations CSS +translation_of: Web/CSS/transform-function/translateX +original_slug: Web/CSS/transform-function/translateX +--- +
{{CSSRef}}
+ +

La fonction translateX() permet de déplacer un élément horizontalement. Cette transformation est caractérisée par une longueur (type {{cssxref("<length>")}}) qui définit l'amplitude du mouvement horizontal. La valeur obtenue par cette fonction est de type {{cssxref("<transform-function>")}}.

+ +

+ +

translateX(tx) est une notation raccourcie équivalente à translate(tx, 0).

+ +

Syntaxe

+ +
translateX(t)
+
+ +

Valeurs

+ +
+
t
+
Une valeur de type {{cssxref("<length>")}} qui représente l'abscisse (la coordonnée en X) du vecteur de translation.
+
+ + + + + + + + + + + + + + + + + + + + + +
Coordonnées cartésiennes sur ℝ2Coordonnées homogènes sur ℝℙ2Coordonnées cartésiennes sur ℝ3Coordonnées homogènes sur ℝℙ3
+

Une translation n'est pas une transformation linéaire sur ℝ2 et on ne peut donc pas la représenter en utilisant une matrice exprimée dans le système cartésien.

+ 		10t010001 10t010001 100t010000100001
[1 0 0 1 t 0]
+ +

Exemples

+ +

HTML

+ +
<p>toto</p>
+<p class="transformation">truc</p>
+<p>toto</p>
+ +

CSS

+ +
p {
+  width: 50px;
+  height: 50px;
+  background-color: teal;
+}
+
+.transformation {
+  transform: translateX(10px);
+  background-color: blue;
+}
+
+ +

Résultat

+ +

{{EmbedLiveSample("Exemples","100%","250")}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName("CSS3 Transforms", "#funcdef-transform-translatex", "translateX()")}}{{Spec2("CSS3 Transforms")}}Définition initiale.
+ +

Compatibilité des navigateurs

+ +

Voir la page sur le type de donnée <transform-function> pour les informations de compatibilité associées.

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/childnode/before/index.html b/files/fr/web/api/childnode/before/index.html deleted file mode 100644 index fb080c7b0c..0000000000 --- a/files/fr/web/api/childnode/before/index.html +++ /dev/null @@ -1,141 +0,0 @@ ---- -title: ChildNode.before() -slug: Web/API/ChildNode/before -tags: - - API - - DOM - - Méthodes - - Noeuds - - References -translation_of: Web/API/ChildNode/before ---- -
{{APIRef("DOM")}} {{SeeCompatTable}}
- -

La méthode ChildNode.before insère un ensemble d'objets {{domxref("Node")}} (noeud) ou {{domxref("DOMString")}} (chaîne de caractères) dans la liste des enfants du parent du ChildNode, juste avant ce ChildNode. Des objets {{domxref("DOMString")}} sont insérés comme noeuds équivalents à {{domxref("Text")}}.

- -

Syntaxe

- -
[Throws, Unscopable]
-void ChildNode.before((Node or DOMString)... nodes);
-
- -

Paramètres

- -
-
nodes
-
Un ensemble d'objets {{domxref("Node")}} (noeud) ou {{domxref("DOMString")}} (chaîne de caractères) à insérer.
-
- -

Exceptions

- - - -

Exemples

- -

Insertion d'un élément

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span);
-
-console.log(parent.outerHTML);
-// "<div><span></span><p></p></div>"
-
- -

Insertion de texte

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-
-child.before("Text");
-
-console.log(parent.outerHTML);
-// "<div>Text<p></p></div>"
- -

Insertion d'un élément et de texte

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span, "Text");
-
-console.log(parent.outerHTML);
-// "<div><span></span>Text<p></p></div>"
- -

ChildNode.before() est inaccessible

- -

La méthode before() n'est pas comprise dans l'instruction with. Voir {{jsxref("Symbol.unscopables")}} pour plus d'informations.

- -
with(node) {
-  before("foo");
-}
-// ReferenceError: before is not defined (before n'est pas défini)
- -

Polyfill

- -

Vous pouvez utiliser un polyfill pour la méthode before() dans Internet Explorer 9 et supérieur avec le code suivant :

- -
// from: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/before()/before().md
-(function (arr) {
-  arr.forEach(function (item) {
-    if (item.hasOwnProperty('before')) {
-      return;
-    }
-    Object.defineProperty(item, 'before', {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function before() {
-        var argArr = Array.prototype.slice.call(arguments),
-          docFrag = document.createDocumentFragment();
-
-        argArr.forEach(function (argItem) {
-          var isNode = argItem instanceof Node;
-          docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
-        });
-
-        this.parentNode.insertBefore(docFrag, this);
-      }
-    });
-  });
-})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
- -

Spécification

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}{{Spec2('DOM WHATWG')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.ChildNode.before")}}

- -

Voir aussi

- - diff --git a/files/fr/web/api/childnode/index.html b/files/fr/web/api/childnode/index.html deleted file mode 100644 index 4a847879bd..0000000000 --- a/files/fr/web/api/childnode/index.html +++ /dev/null @@ -1,75 +0,0 @@ ---- -title: ChildNode -slug: Web/API/ChildNode -tags: - - API - - DOM - - Interface - - Noeuds -translation_of: Web/API/ChildNode ---- -

{{APIRef("DOM")}}

- -

L'interface ChildNode contient des méthodes propres aux objets {{domxref("Node")}} pouvant avoir un parent.

- -

ChildNode est une interface de flux et aucun objet de ce type ne peut être créé ; elle est implémentée par les objets {{domxref("Element")}}, {{domxref("DocumentType")}} et {{domxref("CharacterData")}}.

- -

Propriétés

- -

Il n'y a pas de propriétés héritées ni spécifiques.

- -

Méthodes

- -

Il n'y a pas de méthodes héritées.

- -
-
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
-
supprime ce ChildNode de la liste des enfants du parent.
-
{{domxref("ChildNode.before()")}} {{experimental_inline}}
-
ajoute un jeu d'objets {{domxref("Node")}} ou {{domxref("DOMString")}} dans la liste des enfants du parent de ce ChildNode, juste avant lui. Les objets {{domxref("DOMString")}} sont ajoutés comme équivalent des noeuds {{domxref("Text")}}.
-
{{domxref("ChildNode.after()")}} {{experimental_inline}}
-
ajoute un jeu d'objets {{domxref("Node")}} ou {{domxref("DOMString")}} dans la liste des enfants du parent de ce ChildNode, juste après lui. Les objets {{domxref("DOMString")}} sont ajoutés comme équivalent des noeuds {{domxref("Text")}}.
-
{{domxref("ChildNode.replace()")}} {{experimental_inline}}
-
Remplace ce ChildNode dans la liste des enfants de son parent avec un jeu d'objets {{domxref("Node")}} ou {{domxref("DOMString")}}. Les objets {{domxref("DOMString")}} sont insérés comme équivalent des noeuds {{domxref("Text")}}.
-
- -

Spécifications

- - - - - - - - - - - - - - - - - - - -
SpécificationsStatutCommentaire
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Sépare l'interface ElementTraversal dans {{domxref("ParentNode")}} et ChildNode. Les previousElementSibling et nextElementSibling sont maintenant définis  sur ce dernier.
- Les {{domxref("CharacterData")}} et {{domxref("DocumentType")}} implémentent les nouvelles interfaces.
- Ajoute les méthodes remove(), before(), after() et replace().
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Ajoute la définition initiale de ses propriétés à l'interface pure ElementTraversal et l'utilise sur un {{domxref("Element")}}.
- -

Polyfill

- -

Externe sur github : childNode.js

- -

Compatibilité des navigateurs

- -

{{Compat("api.ChildNode")}}

- -

Voir aussi

- - diff --git a/files/fr/web/css/paint()/index.html b/files/fr/web/css/paint()/index.html deleted file mode 100644 index a7340876f9..0000000000 --- a/files/fr/web/css/paint()/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: paint() -slug: Web/CSS/paint() -tags: - - CSS - - Fonction - - Houdini - - Reference - - Web -translation_of: Web/CSS/paint() ---- -
{{CSSRef}}{{SeeCompatTable}}
- -

La fonction CSS paint() définit une {{cssxref("<image>")}} dont la valeur est générée par un PaintWorklet.

- -

Syntaxe

- -
paint(workletName, parameters)
- -

Paramètres

- -
-
workletName
-
Le nom du worklet enregistré.
-
parameters
-
Des paramètres supplémentaires optionnels, passés aux paintWorklet.
-
- -

Exemples

- -

Il est possible de passer des arguments supplémentaires grâce à la fonction CSS paint(). Dans cet exemple, on passe deux arguments : le premier indiquant si l'arrière-plan est rempli ou si on utilise juste son contour et le second indiquant la largeur de ce contour :

- - - - - -
li {
-   --boxColor: hsla(55, 90%, 60%, 1.0);
-   background-image: paint(hollowHighlights, stroke, 2px);
-}
-
-li:nth-of-type(3n) {
-   --boxColor: hsla(155, 90%, 60%, 1.0);
-   background-image: paint(hollowHighlights, filled,  3px);
-}
-
-li:nth-of-type(3n+1) {
-   --boxColor: hsla(255, 90%, 60%, 1.0);
-   background-image: paint(hollowHighlights, stroke, 1px);
-}
- -

On a ici ajouté une propriété personnalisée dans le sélecteur du bloc. Ces propriétés personnalisées peuvent être manipulées par le PaintWorklet.

- -

{{EmbedLiveSample("Examples", 300, 300)}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS Painting API', '#paint-notation', 'Paint Notation')}}{{Spec2('CSS Painting API')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("css.types.image.paint")}}

- -

Voir aussi

- - diff --git a/files/fr/web/css/transform-function/translatex/index.html b/files/fr/web/css/transform-function/translatex/index.html deleted file mode 100644 index 76f583c665..0000000000 --- a/files/fr/web/css/transform-function/translatex/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: translateX() -slug: Web/CSS/transform-function/translateX -tags: - - CSS - - Fonction - - Reference - - Transformations CSS -translation_of: Web/CSS/transform-function/translateX ---- -
{{CSSRef}}
- -

La fonction translateX() permet de déplacer un élément horizontalement. Cette transformation est caractérisée par une longueur (type {{cssxref("<length>")}}) qui définit l'amplitude du mouvement horizontal. La valeur obtenue par cette fonction est de type {{cssxref("<transform-function>")}}.

- -

- -

translateX(tx) est une notation raccourcie équivalente à translate(tx, 0).

- -

Syntaxe

- -
translateX(t)
-
- -

Valeurs

- -
-
t
-
Une valeur de type {{cssxref("<length>")}} qui représente l'abscisse (la coordonnée en X) du vecteur de translation.
-
- - - - - - - - - - - - - - - - - - - - - -
Coordonnées cartésiennes sur ℝ2Coordonnées homogènes sur ℝℙ2Coordonnées cartésiennes sur ℝ3Coordonnées homogènes sur ℝℙ3
-

Une translation n'est pas une transformation linéaire sur ℝ2 et on ne peut donc pas la représenter en utilisant une matrice exprimée dans le système cartésien.

- 		10t010001 10t010001 100t010000100001
[1 0 0 1 t 0]
- -

Exemples

- -

HTML

- -
<p>toto</p>
-<p class="transformation">truc</p>
-<p>toto</p>
- -

CSS

- -
p {
-  width: 50px;
-  height: 50px;
-  background-color: teal;
-}
-
-.transformation {
-  transform: translateX(10px);
-  background-color: blue;
-}
-
- -

Résultat

- -

{{EmbedLiveSample("Exemples","100%","250")}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName("CSS3 Transforms", "#funcdef-transform-translatex", "translateX()")}}{{Spec2("CSS3 Transforms")}}Définition initiale.
- -

Compatibilité des navigateurs

- -

Voir la page sur le type de donnée <transform-function> pour les informations de compatibilité associées.

- -

Voir aussi

- - diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index 86f53f55f0..8f1da022dc 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -3726,7 +3726,9 @@ /ja/docs/Web/API/CanvasRenderingContext2D.drawFocusIfNeeded /ja/docs/Web/API/CanvasRenderingContext2D/drawFocusIfNeeded /ja/docs/Web/API/CanvasRenderingContext2D.removeHitRegion /ja/docs/Web/API/CanvasRenderingContext2D/removeHitRegion /ja/docs/Web/API/Canvas_API/Drawing_graphics_with_canvas /ja/docs/Web/API/Canvas_API/Tutorial +/ja/docs/Web/API/ChildNode /ja/docs/orphaned/Web/API/ChildNode /ja/docs/Web/API/ChildNode/after /ja/docs/orphaned/Web/API/ChildNode/after +/ja/docs/Web/API/ChildNode/before /ja/docs/orphaned/Web/API/ChildNode/before /ja/docs/Web/API/ChildNode/remove /ja/docs/orphaned/Web/API/ChildNode/remove /ja/docs/Web/API/ChildNode/replaceWith /ja/docs/orphaned/Web/API/ChildNode/replaceWith /ja/docs/Web/API/Console.error /ja/docs/Web/API/Console/error @@ -4443,7 +4445,8 @@ /ja/docs/Web/CSS/minmax /ja/docs/Web/CSS/minmax() /ja/docs/Web/CSS/none /ja/docs/conflicting/Web/CSS/float /ja/docs/Web/CSS/normal /ja/docs/conflicting/Web/CSS/font-variant -/ja/docs/Web/CSS/paint /ja/docs/Web/CSS/paint() +/ja/docs/Web/CSS/paint /ja/docs/orphaned/Web/CSS/paint() +/ja/docs/Web/CSS/paint() /ja/docs/orphaned/Web/CSS/paint() /ja/docs/Web/CSS/radial-gradient /ja/docs/orphaned/Web/CSS/radial-gradient() /ja/docs/Web/CSS/radial-gradient() /ja/docs/orphaned/Web/CSS/radial-gradient() /ja/docs/Web/CSS/repeat /ja/docs/Web/CSS/repeat() @@ -4469,6 +4472,7 @@ /ja/docs/Web/CSS/transform-function/skewY /ja/docs/Web/CSS/transform-function/skewY() /ja/docs/Web/CSS/transform-function/translate /ja/docs/Web/CSS/transform-function/translate() /ja/docs/Web/CSS/transform-function/translate3d /ja/docs/Web/CSS/transform-function/translate3d() +/ja/docs/Web/CSS/transform-function/translateX /ja/docs/orphaned/Web/CSS/transform-function/translateX /ja/docs/Web/CSS/transform-function/translateY /ja/docs/Web/CSS/transform-function/translateY() /ja/docs/Web/CSS/transform-function/translateZ /ja/docs/Web/CSS/transform-function/translateZ() /ja/docs/Web/CSS/uri /ja/docs/conflicting/Web/CSS/url() diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index 4028537bb6..95e317b83f 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -11597,21 +11597,6 @@ "ethertank" ] }, - "Web/API/ChildNode": { - "modified": "2020-11-23T03:36:42.854Z", - "contributors": [ - "segayuu", - "Marsf", - "momoi" - ] - }, - "Web/API/ChildNode/before": { - "modified": "2020-10-17T03:58:22.731Z", - "contributors": [ - "Potappo", - "Shirasu" - ] - }, "Web/API/Client": { "modified": "2020-10-15T22:28:43.389Z", "contributors": [ @@ -32321,13 +32306,6 @@ "hashedhyphen" ] }, - "Web/CSS/paint()": { - "modified": "2020-11-16T09:09:19.836Z", - "contributors": [ - "chrisdavidmills", - "mfuji09" - ] - }, "Web/CSS/paint-order": { "modified": "2020-10-15T22:12:33.956Z", "contributors": [ @@ -33157,13 +33135,6 @@ "mfuji09" ] }, - "Web/CSS/transform-function/translateX": { - "modified": "2020-11-11T04:53:52.662Z", - "contributors": [ - "mfuji09", - "dskmori" - ] - }, "Web/CSS/transform-function/translateY()": { "modified": "2020-11-30T13:01:09.056Z", "contributors": [ @@ -51802,6 +51773,14 @@ "maruhiro" ] }, + "orphaned/Web/API/ChildNode": { + "modified": "2020-11-23T03:36:42.854Z", + "contributors": [ + "segayuu", + "Marsf", + "momoi" + ] + }, "orphaned/Web/API/ChildNode/after": { "modified": "2020-10-17T21:33:51.563Z", "contributors": [ @@ -51810,6 +51789,13 @@ "Shirasu" ] }, + "orphaned/Web/API/ChildNode/before": { + "modified": "2020-10-17T03:58:22.731Z", + "contributors": [ + "Potappo", + "Shirasu" + ] + }, "orphaned/Web/API/ChildNode/remove": { "modified": "2020-10-15T21:51:39.796Z", "contributors": [ @@ -52161,6 +52147,13 @@ "FredB" ] }, + "orphaned/Web/CSS/paint()": { + "modified": "2020-11-16T09:09:19.836Z", + "contributors": [ + "chrisdavidmills", + "mfuji09" + ] + }, "orphaned/Web/CSS/radial-gradient()": { "modified": "2020-11-18T14:42:27.892Z", "contributors": [ @@ -52202,6 +52195,13 @@ "sosleepy" ] }, + "orphaned/Web/CSS/transform-function/translateX": { + "modified": "2020-11-11T04:53:52.662Z", + "contributors": [ + "mfuji09", + "dskmori" + ] + }, "orphaned/Web/Compatibility_FAQ": { "modified": "2019-03-23T23:03:33.809Z", "contributors": [ diff --git a/files/ja/orphaned/web/api/childnode/before/index.html b/files/ja/orphaned/web/api/childnode/before/index.html new file mode 100644 index 0000000000..b0b091392e --- /dev/null +++ b/files/ja/orphaned/web/api/childnode/before/index.html @@ -0,0 +1,145 @@ +--- +title: ChildNode.before() +slug: orphaned/Web/API/ChildNode/before +tags: + - API + - DOM + - Method + - Node + - Reference +translation_of: Web/API/ChildNode/before +original_slug: Web/API/ChildNode/before +--- +
{{APIRef("DOM")}}
+ +

ChildNode.before() は ChildNode の親の子リストの、ChildNode の直前に、 {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを挿入します。 {{domxref("DOMString")}} オブジェクトは {{domxref("Text")}} ノードと等価なノードとして挿入されます。

+ +

構文

+ +
[Throws, Unscopable]
+void ChildNode.before((Node or DOMString)... nodes);
+
+ +

パラメーター

+ +
+
nodes
+
{{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを挿入します。
+
+ +

例外

+ + + +

例

+ +

要素の挿入

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span);
+
+console.log(parent.outerHTML);
+// "<div><span></span><p></p></div>"
+
+ +

テキストの挿入

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+
+child.before("Text");
+
+console.log(parent.outerHTML);
+// "<div>Text<p></p></div>"
+ +

要素とテキストの挿入

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span, "Text");
+
+console.log(parent.outerHTML);
+// "<div><span></span>Text<p></p></div>"
+ +

ChildNode.before() はスコーピングに非対応

+ +

before() メソッドは with 文でのスコーピングに対応していません。詳細は {{jsxref("Symbol.unscopables")}} をご覧ください。

+ +
with(node) {
+  before("foo");
+}
+// ReferenceError: before is not defined
+ +

ポリフィル

+ +

以下のポリフィルで、 Internet Explorer 9 以降でも before() メソッドが利用できます。

+ +
// from: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/before()/before().md
+(function (arr) {
+  arr.forEach(function (item) {
+    if (item.hasOwnProperty('before')) {
+      return;
+    }
+    Object.defineProperty(item, 'before', {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: function before() {
+        var argArr = Array.prototype.slice.call(arguments),
+          docFrag = document.createDocumentFragment();
+
+        argArr.forEach(function (argItem) {
+          var isNode = argItem instanceof Node;
+          docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
+        });
+
+        this.parentNode.insertBefore(docFrag, this);
+      }
+    });
+  });
+})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
+ +

仕様

+ + + + + + + + + + + + + + +
仕様書策定状況コメント
{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}{{Spec2('DOM WHATWG')}}初期定義
+ +

ブラウザー実装状況

+ + + +

{{Compat("api.ChildNode.before")}}

+ +

関連情報

+ + diff --git a/files/ja/orphaned/web/api/childnode/index.html b/files/ja/orphaned/web/api/childnode/index.html new file mode 100644 index 0000000000..a1208b5aa0 --- /dev/null +++ b/files/ja/orphaned/web/api/childnode/index.html @@ -0,0 +1,90 @@ +--- +title: ChildNode +slug: orphaned/Web/API/ChildNode +tags: + - API + - DOM + - Experimental + - Interface + - Node +translation_of: Web/API/ChildNode +original_slug: Web/API/ChildNode +--- +

{{APIRef("DOM")}}

+ +

ChildNode ミックスインは親を持つことができる {{domxref("Node")}} オブジェクトに共通のメソッド・プロパティが含まれています。これは、{{domxref("Element")}}、{{domxref("DocumentType")}}、{{domxref("CharacterData")}} オブジェクトによって実装されています。

+ +

プロパティ

+ +

継承された、または固有のプロパティはありません。

+ +

メソッド

+ +

継承されたメソッドはありません。

+ +
+
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
+
この ChildNodeを、その親の children から削除します。
+
{{domxref("ChildNode.before()")}} {{experimental_inline}}
+
{{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを、この ChildNode の親の children の、ChildNode の直前に挿入します。{{domxref("DOMString")}} オブジェクトは、{{domxref("Text")}} ノードと等価なノードとして挿入されます。
+
{{domxref("ChildNode.after()")}} {{experimental_inline}}
+
{{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを、この ChildNode の親の children の、ChildNode の直後に挿入します。{{domxref("DOMString")}} オブジェクトは、{{domxref("Text")}} ノードと等価なノードとして挿入されます。
+
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
+
ChildNode の親の children 内に含まれるこの ChildNode を {{domxref("Node")}} または {{domxref("DOMString")}} のセットと置き換えます。{{domxref("DOMString")}} オブジェクトは、{{domxref("Text")}} ノードと等価なノードとして挿入されます。
+
+ +

仕様

+ + + + + + + + + + + + + + + + + + + +
仕様書状況コメント
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}ElementTraversal インターフェースは {{domxref("ParentNode")}} と ChildNode に分割されました。 previousElementSibling と nextElementSibling は後者で定義されています。
+ {{domxref("CharacterData")}} と {{domxref("DocumentType")}} は新しいインターフェースが実装されています。
+ remove(), before(), after() および replaceWith() メソッドが追加されました。
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}ElementTraversal 基本インターフェースにこのプロパティの初期定義が追加され、{{domxref("Element")}} で使われます。
+ +

互換コード

+ +

外部サイト (github): childNode.js

+ +

ブラウザの実装状況

+ +

{{Compat("api.ChildNode")}}

+ +

関連項目

+ + diff --git a/files/ja/orphaned/web/css/paint()/index.html b/files/ja/orphaned/web/css/paint()/index.html new file mode 100644 index 0000000000..89f5a9d092 --- /dev/null +++ b/files/ja/orphaned/web/css/paint()/index.html @@ -0,0 +1,115 @@ +--- +title: paint() +slug: orphaned/Web/CSS/paint() +tags: + - CSS + - CSS Function + - CSS 関数 + - CSS4-images + - Houdini + - Reference + - Web + - ウェブ +translation_of: Web/CSS/paint() +original_slug: Web/CSS/paint() +--- +
{{CSSRef}}{{SeeCompatTable}}
+ +

paint() は CSS の関数で、 PaintWorklet で生成された {{cssxref("<image>")}} の値を定義します。

+ +

構文

+ +
paint(workletName, parameters)
+ +

凡例

+ +
+
workletName
+
登録された Worklet の名前です。
+
parameters
+
PaintWorklet へ渡される省略可能な追加の引数です。
+
+ +

例

+ +

CSS の paint() 関数で追加の引数を渡すことができます。この例では、二つの引数を渡しています。リストアイテムのグループの背景画像が塗りつぶしか輪郭線だけかと、輪郭線の太さです。

+ + + + + +
li {
+   --boxColor: hsla(55, 90%, 60%, 1.0);
+   background-image: paint(hollowHighlights, stroke, 2px);
+}
+
+li:nth-of-type(3n) {
+   --boxColor: hsla(155, 90%, 60%, 1.0);
+   background-image: paint(hollowHighlights, filled,  3px);
+}
+
+li:nth-of-type(3n+1) {
+   --boxColor: hsla(255, 90%, 60%, 1.0);
+   background-image: paint(hollowHighlights, stroke, 1px);
+}
+ +

boxColor を定義しているセレクターブロックにカスタムプロパティを設定しました。カスタムプロパティは PaintWorklet にアクセスすることができます。

+ +

{{EmbedLiveSample("Examples", 300, 300)}}

+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS Painting API', '#paint-notation', 'Paint Notation')}}{{Spec2('CSS Painting API')}}初回定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("css.types.image.paint")}}

+ +

関連情報

+ + diff --git a/files/ja/orphaned/web/css/transform-function/translatex/index.html b/files/ja/orphaned/web/css/transform-function/translatex/index.html new file mode 100644 index 0000000000..89f2ee7199 --- /dev/null +++ b/files/ja/orphaned/web/css/transform-function/translatex/index.html @@ -0,0 +1,120 @@ +--- +title: translateX() +slug: orphaned/Web/CSS/transform-function/translateX +tags: + - CSS + - CSS Function + - CSS Transforms + - Function + - Reference +translation_of: Web/CSS/transform-function/translateX +original_slug: Web/CSS/transform-function/translateX +--- +
{{CSSRef}}
+ +

translateX() は CSS のfunctionで、要素を二次元平面上の水平方向で再配置します。結果は {{cssxref("<transform-function>")}} データ型になります。

+ +

+ +
+

注: translateX(tx) は translate(tx, 0) または translate3d(tx, 0, 0) と等価です。

+
+ +

構文

+ +
/* <length-percentage> values */
+transform: translateX(200px);
+transform: translateX(50%);
+
+ +

値

+ +
+
<length-percentage>
+
変換ベクトルの横座標を表す {{cssxref("<length>")}} または {{cssxref("<percentage>")}} です。パーセント値は {{cssxref("transform-box")}} プロパティで定義される参照ボックスの幅からの相対値です。
+
+ + + + + + + + + + + + + + + + + + + + + +
ℝ2 のデカルト座標ℝℙ2 の同次座標ℝ3 のデカルト座標ℝℙ3 の同次座標
+

ℝ2 では線形変換ではないので、デカルト座標の行列で表すことはできない。

+ 		10t010001 10t010001 100t010000100001
[1 0 0 1 t 0]
+ +

形式文法

+ +
translateX({{cssxref("<length-percentage>")}})
+
+ +

例

+ +

HTML

+ +
<div>Static</div>
+<div class="moved">Moved</div>
+<div>Static</div>
+ +

CSS

+ +
div {
+  width: 60px;
+  height: 60px;
+  background-color: skyblue;
+}
+
+.moved {
+  transform: translateX(10px); /* translate(10px) と等価 */
+  background-color: pink;
+}
+
+ +

結果

+ +

{{EmbedLiveSample("Examples", 250, 250)}}

+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName("CSS3 Transforms", "#funcdef-transform-translatex", "translateX()")}}{{Spec2("CSS3 Transforms")}}初回定義
+ +

ブラウザーの互換性

+ +

<transform-function> データ型の互換性情報をご覧ください。

+ +

関連情報

+ + diff --git a/files/ja/web/api/childnode/before/index.html b/files/ja/web/api/childnode/before/index.html deleted file mode 100644 index 109db0d9e4..0000000000 --- a/files/ja/web/api/childnode/before/index.html +++ /dev/null @@ -1,144 +0,0 @@ ---- -title: ChildNode.before() -slug: Web/API/ChildNode/before -tags: - - API - - DOM - - Method - - Node - - Reference -translation_of: Web/API/ChildNode/before ---- -
{{APIRef("DOM")}}
- -

ChildNode.before() は ChildNode の親の子リストの、ChildNode の直前に、 {{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを挿入します。 {{domxref("DOMString")}} オブジェクトは {{domxref("Text")}} ノードと等価なノードとして挿入されます。

- -

構文

- -
[Throws, Unscopable]
-void ChildNode.before((Node or DOMString)... nodes);
-
- -

パラメーター

- -
-
nodes
-
{{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを挿入します。
-
- -

例外

- - - -

例

- -

要素の挿入

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span);
-
-console.log(parent.outerHTML);
-// "<div><span></span><p></p></div>"
-
- -

テキストの挿入

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-
-child.before("Text");
-
-console.log(parent.outerHTML);
-// "<div>Text<p></p></div>"
- -

要素とテキストの挿入

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span, "Text");
-
-console.log(parent.outerHTML);
-// "<div><span></span>Text<p></p></div>"
- -

ChildNode.before() はスコーピングに非対応

- -

before() メソッドは with 文でのスコーピングに対応していません。詳細は {{jsxref("Symbol.unscopables")}} をご覧ください。

- -
with(node) {
-  before("foo");
-}
-// ReferenceError: before is not defined
- -

ポリフィル

- -

以下のポリフィルで、 Internet Explorer 9 以降でも before() メソッドが利用できます。

- -
// from: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/before()/before().md
-(function (arr) {
-  arr.forEach(function (item) {
-    if (item.hasOwnProperty('before')) {
-      return;
-    }
-    Object.defineProperty(item, 'before', {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function before() {
-        var argArr = Array.prototype.slice.call(arguments),
-          docFrag = document.createDocumentFragment();
-
-        argArr.forEach(function (argItem) {
-          var isNode = argItem instanceof Node;
-          docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
-        });
-
-        this.parentNode.insertBefore(docFrag, this);
-      }
-    });
-  });
-})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
- -

仕様

- - - - - - - - - - - - - - -
仕様書策定状況コメント
{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}{{Spec2('DOM WHATWG')}}初期定義
- -

ブラウザー実装状況

- - - -

{{Compat("api.ChildNode.before")}}

- -

関連情報

- - diff --git a/files/ja/web/api/childnode/index.html b/files/ja/web/api/childnode/index.html deleted file mode 100644 index 6f49a50a47..0000000000 --- a/files/ja/web/api/childnode/index.html +++ /dev/null @@ -1,89 +0,0 @@ ---- -title: ChildNode -slug: Web/API/ChildNode -tags: - - API - - DOM - - Experimental - - Interface - - Node -translation_of: Web/API/ChildNode ---- -

{{APIRef("DOM")}}

- -

ChildNode ミックスインは親を持つことができる {{domxref("Node")}} オブジェクトに共通のメソッド・プロパティが含まれています。これは、{{domxref("Element")}}、{{domxref("DocumentType")}}、{{domxref("CharacterData")}} オブジェクトによって実装されています。

- -

プロパティ

- -

継承された、または固有のプロパティはありません。

- -

メソッド

- -

継承されたメソッドはありません。

- -
-
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
-
この ChildNodeを、その親の children から削除します。
-
{{domxref("ChildNode.before()")}} {{experimental_inline}}
-
{{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを、この ChildNode の親の children の、ChildNode の直前に挿入します。{{domxref("DOMString")}} オブジェクトは、{{domxref("Text")}} ノードと等価なノードとして挿入されます。
-
{{domxref("ChildNode.after()")}} {{experimental_inline}}
-
{{domxref("Node")}} または {{domxref("DOMString")}} オブジェクトのセットを、この ChildNode の親の children の、ChildNode の直後に挿入します。{{domxref("DOMString")}} オブジェクトは、{{domxref("Text")}} ノードと等価なノードとして挿入されます。
-
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
-
ChildNode の親の children 内に含まれるこの ChildNode を {{domxref("Node")}} または {{domxref("DOMString")}} のセットと置き換えます。{{domxref("DOMString")}} オブジェクトは、{{domxref("Text")}} ノードと等価なノードとして挿入されます。
-
- -

仕様

- - - - - - - - - - - - - - - - - - - -
仕様書状況コメント
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}ElementTraversal インターフェースは {{domxref("ParentNode")}} と ChildNode に分割されました。 previousElementSibling と nextElementSibling は後者で定義されています。
- {{domxref("CharacterData")}} と {{domxref("DocumentType")}} は新しいインターフェースが実装されています。
- remove(), before(), after() および replaceWith() メソッドが追加されました。
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}ElementTraversal 基本インターフェースにこのプロパティの初期定義が追加され、{{domxref("Element")}} で使われます。
- -

互換コード

- -

外部サイト (github): childNode.js

- -

ブラウザの実装状況

- -

{{Compat("api.ChildNode")}}

- -

関連項目

- - diff --git a/files/ja/web/css/paint()/index.html b/files/ja/web/css/paint()/index.html deleted file mode 100644 index 1fbaf88aa9..0000000000 --- a/files/ja/web/css/paint()/index.html +++ /dev/null @@ -1,114 +0,0 @@ ---- -title: paint() -slug: Web/CSS/paint() -tags: - - CSS - - CSS Function - - CSS 関数 - - CSS4-images - - Houdini - - Reference - - Web - - ウェブ -translation_of: Web/CSS/paint() ---- -
{{CSSRef}}{{SeeCompatTable}}
- -

paint() は CSS の関数で、 PaintWorklet で生成された {{cssxref("<image>")}} の値を定義します。

- -

構文

- -
paint(workletName, parameters)
- -

凡例

- -
-
workletName
-
登録された Worklet の名前です。
-
parameters
-
PaintWorklet へ渡される省略可能な追加の引数です。
-
- -

例

- -

CSS の paint() 関数で追加の引数を渡すことができます。この例では、二つの引数を渡しています。リストアイテムのグループの背景画像が塗りつぶしか輪郭線だけかと、輪郭線の太さです。

- - - - - -
li {
-   --boxColor: hsla(55, 90%, 60%, 1.0);
-   background-image: paint(hollowHighlights, stroke, 2px);
-}
-
-li:nth-of-type(3n) {
-   --boxColor: hsla(155, 90%, 60%, 1.0);
-   background-image: paint(hollowHighlights, filled,  3px);
-}
-
-li:nth-of-type(3n+1) {
-   --boxColor: hsla(255, 90%, 60%, 1.0);
-   background-image: paint(hollowHighlights, stroke, 1px);
-}
- -

boxColor を定義しているセレクターブロックにカスタムプロパティを設定しました。カスタムプロパティは PaintWorklet にアクセスすることができます。

- -

{{EmbedLiveSample("Examples", 300, 300)}}

- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS Painting API', '#paint-notation', 'Paint Notation')}}{{Spec2('CSS Painting API')}}初回定義
- -

ブラウザーの互換性

- - - -

{{Compat("css.types.image.paint")}}

- -

関連情報

- - diff --git a/files/ja/web/css/transform-function/translatex/index.html b/files/ja/web/css/transform-function/translatex/index.html deleted file mode 100644 index e709d708d2..0000000000 --- a/files/ja/web/css/transform-function/translatex/index.html +++ /dev/null @@ -1,119 +0,0 @@ ---- -title: translateX() -slug: Web/CSS/transform-function/translateX -tags: - - CSS - - CSS Function - - CSS Transforms - - Function - - Reference -translation_of: Web/CSS/transform-function/translateX ---- -
{{CSSRef}}
- -

translateX() は CSS のfunctionで、要素を二次元平面上の水平方向で再配置します。結果は {{cssxref("<transform-function>")}} データ型になります。

- -

- -
-

注: translateX(tx) は translate(tx, 0) または translate3d(tx, 0, 0) と等価です。

-
- -

構文

- -
/* <length-percentage> values */
-transform: translateX(200px);
-transform: translateX(50%);
-
- -

値

- -
-
<length-percentage>
-
変換ベクトルの横座標を表す {{cssxref("<length>")}} または {{cssxref("<percentage>")}} です。パーセント値は {{cssxref("transform-box")}} プロパティで定義される参照ボックスの幅からの相対値です。
-
- - - - - - - - - - - - - - - - - - - - - -
ℝ2 のデカルト座標ℝℙ2 の同次座標ℝ3 のデカルト座標ℝℙ3 の同次座標
-

ℝ2 では線形変換ではないので、デカルト座標の行列で表すことはできない。

- 		10t010001 10t010001 100t010000100001
[1 0 0 1 t 0]
- -

形式文法

- -
translateX({{cssxref("<length-percentage>")}})
-
- -

例

- -

HTML

- -
<div>Static</div>
-<div class="moved">Moved</div>
-<div>Static</div>
- -

CSS

- -
div {
-  width: 60px;
-  height: 60px;
-  background-color: skyblue;
-}
-
-.moved {
-  transform: translateX(10px); /* translate(10px) と等価 */
-  background-color: pink;
-}
-
- -

結果

- -

{{EmbedLiveSample("Examples", 250, 250)}}

- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("CSS3 Transforms", "#funcdef-transform-translatex", "translateX()")}}{{Spec2("CSS3 Transforms")}}初回定義
- -

ブラウザーの互換性

- -

<transform-function> データ型の互換性情報をご覧ください。

- -

関連情報

- - diff --git a/files/ko/_redirects.txt b/files/ko/_redirects.txt index 1fe2ad8283..3afeb95864 100644 --- a/files/ko/_redirects.txt +++ b/files/ko/_redirects.txt @@ -597,6 +597,8 @@ /ko/docs/Web/API/Ambient_Light_Events /ko/docs/orphaned/Web/API/Ambient_Light_Events /ko/docs/Web/API/Boolean /ko/docs/Web/JavaScript/Reference/Global_Objects/Boolean /ko/docs/Web/API/Canvas_API/캔버스_튜토리얼 /ko/docs/Web/API/Canvas_API/Tutorial +/ko/docs/Web/API/ChildNode /ko/docs/orphaned/Web/API/ChildNode +/ko/docs/Web/API/ChildNode/before /ko/docs/orphaned/Web/API/ChildNode/before /ko/docs/Web/API/ChildNode/remove /ko/docs/orphaned/Web/API/ChildNode/remove /ko/docs/Web/API/Detecting_device_orientation /ko/docs/orphaned/Web/API/Detecting_device_orientation /ko/docs/Web/API/Document/defaultView/popstate_event /ko/docs/Web/API/Window/popstate_event diff --git a/files/ko/_wikihistory.json b/files/ko/_wikihistory.json index c42f09fe2c..08e78b3b34 100644 --- a/files/ko/_wikihistory.json +++ b/files/ko/_wikihistory.json @@ -3803,18 +3803,6 @@ "cs09g" ] }, - "Web/API/ChildNode": { - "modified": "2020-10-15T22:04:53.961Z", - "contributors": [ - "cs09g" - ] - }, - "Web/API/ChildNode/before": { - "modified": "2020-10-15T22:10:12.463Z", - "contributors": [ - "cs09g" - ] - }, "Web/API/Clients": { "modified": "2020-10-15T22:21:49.146Z" }, @@ -18197,6 +18185,18 @@ "hyeonseok" ] }, + "orphaned/Web/API/ChildNode": { + "modified": "2020-10-15T22:04:53.961Z", + "contributors": [ + "cs09g" + ] + }, + "orphaned/Web/API/ChildNode/before": { + "modified": "2020-10-15T22:10:12.463Z", + "contributors": [ + "cs09g" + ] + }, "orphaned/Web/API/ChildNode/remove": { "modified": "2020-10-15T22:10:05.225Z", "contributors": [ diff --git a/files/ko/orphaned/web/api/childnode/before/index.html b/files/ko/orphaned/web/api/childnode/before/index.html new file mode 100644 index 0000000000..e0c01c2a02 --- /dev/null +++ b/files/ko/orphaned/web/api/childnode/before/index.html @@ -0,0 +1,145 @@ +--- +title: ChildNode.before() +slug: orphaned/Web/API/ChildNode/before +tags: + - API + - DOM + - 노드 + - 레퍼런스 + - 메소드 + - 실험중 +translation_of: Web/API/ChildNode/before +original_slug: Web/API/ChildNode/before +--- +
{{APIRef("DOM")}} {{SeeCompatTable}}
+ +

ChildNode.before 메소드는 ChildNode 의 부모가 가진 자식의 ChildNode 바로 이전에 {{domxref("Node")}} 또는 {{domxref("DOMString")}} 객체의 집합을 삽입합니다.{{domxref("DOMString")}} 객체는 {{domxref("Text")}} 노드와 동일하게 삽입됩니다.

+ +

문법

+ +
[Throws, Unscopable]
+void ChildNode.before((Node or DOMString)... nodes);
+
+ +

파라미터

+ +
+
nodes
+
삽입할 {{domxref("Node")}} 또는 {{domxref("DOMString")}} 객체의 집합입니다.
+
+ +

예외

+ + + +

예제

+ +

엘리먼트 삽입하기

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span);
+
+console.log(parent.outerHTML);
+// "<div><span></span><p></p></div>"
+
+ +

텍스트 삽입하기

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+
+child.before("Text");
+
+console.log(parent.outerHTML);
+// "<div>Text<p></p></div>"
+ +

엘리먼트와 텍스트 삽입하기

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span, "Text");
+
+console.log(parent.outerHTML);
+// "<div><span></span>Text<p></p></div>"
+ +

ChildNode.before() 는 범위를 지정할 수 없습니다

+ +

before() 메소드는 with 구문으로 범위를 지정할 수 없습니다. 자세한 내용은 {{jsxref("Symbol.unscopables")}} 문서를 확인하세요.

+ +
with(node) {
+  before("foo");
+}
+// ReferenceError: before is not defined
+ +

폴리필

+ +

다음 코드를 사용해 인터넷 익스플로러 9 이상에서 before() 메소드 를 폴리필링할 수 있습니다.

+ +
// from: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/before()/before().md
+(function (arr) {
+  arr.forEach(function (item) {
+    if (item.hasOwnProperty('before')) {
+      return;
+    }
+    Object.defineProperty(item, 'before', {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: function before() {
+        var argArr = Array.prototype.slice.call(arguments),
+          docFrag = document.createDocumentFragment();
+
+        argArr.forEach(function (argItem) {
+          var isNode = argItem instanceof Node;
+          docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
+        });
+
+        this.parentNode.insertBefore(docFrag, this);
+      }
+    });
+  });
+})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
+ +

명세

+ + + + + + + + + + + + + + +
명세상태코멘트
{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}{{Spec2('DOM WHATWG')}}초기 정의.
+ +

브라우저 호환성

+ + + +

{{Compat("api.ChildNode.before")}}

+ +

함께 보기

+ + diff --git a/files/ko/orphaned/web/api/childnode/index.html b/files/ko/orphaned/web/api/childnode/index.html new file mode 100644 index 0000000000..f02d307e2a --- /dev/null +++ b/files/ko/orphaned/web/api/childnode/index.html @@ -0,0 +1,77 @@ +--- +title: ChildNode +slug: orphaned/Web/API/ChildNode +tags: + - API + - DOM + - 노드 + - 실험중 + - 인터페이스 +translation_of: Web/API/ChildNode +original_slug: Web/API/ChildNode +--- +
{{APIRef("DOM")}}
+ +

ChildNode 인터페이스는 부모를 가질 수 있는 {{domxref("Node")}} 객체에 고유한 메소드를 포함합니다.

+ +

ChildNode는 원시 인터페이스이며 이 타입의 객체는 생성할 수 없습니다. 이는 {{domxref("Element")}}, {{domxref("DocumentType")}} 및 {{domxref("CharacterData")}} 객체로 구현되었습니다.

+ +

프로퍼티

+ +

상속 및 특정 프로퍼티가 없습니다.

+ +

메소드

+ +

상속된 메소드가 없습니다.

+ +
+
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
+
ChildNode를 부모의 자식 목록으로부터 제거합니다.
+
{{domxref("ChildNode.before()")}} {{experimental_inline}}
+
{{domxref("Node")}} 또는 {{domxref("DOMString")}} 객체의 집합을 부모의 자식 목록에서 ChildNode의 바로 앞에 삽입합니다. {{domxref("DOMString")}} 객체는 {{domxref("Text")}} 노드와 동일하게 삽입됩니다.
+
{{domxref("ChildNode.after()")}} {{experimental_inline}}
+
{{domxref("Node")}} 또는 {{domxref("DOMString")}} 객체의 집합을 부모의 자식 목록에서 ChildNode의 바로 뒤에 삽입합니다. {{domxref("DOMString")}} 객체는 {{domxref("Text")}} 노드와 동일하게 삽입됩니다.
+
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
+
부모의 자식 목록에 있는 ChildNode를 {{domxref("Node")}} 또는 {{domxref("DOMString")}} 객체의 집합으로 대체합니다.{{domxref("DOMString")}} 객체는 {{domxref("Text")}} 노드와 동일하게 삽입됩니다.
+
+ +

명세

+ + + + + + + + + + + + + + + + + + + +
명세상태코멘트
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}ElementTraversal 인터페이스를 {{domxref("ParentNode")}}와 ChildNode로 분리합니다. previousElementSibling과 nextElementSibling은 이제 마지막에 정의됩니다. {{domxref("CharacterData")}}와 {{domxref("DocumentType")}}은 새 인터페이스를 구현했습니다. remove(), before(), after() 및 replaceWith() 메소드가 추가되었습니다.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}프로퍼티의 초기 정의가 ElementTraversal 순수 인터페이스에 추가되었고 {{domxref("Element")}}에서 사용합니다.
+ +

폴리필

+ +

github의 외부 코드: childNode.js

+ +

브라우저 호환성

+ + + +

{{Compat("api.ChildNode")}}

+ +

참고

+ + diff --git a/files/ko/web/api/childnode/before/index.html b/files/ko/web/api/childnode/before/index.html deleted file mode 100644 index 8481f44374..0000000000 --- a/files/ko/web/api/childnode/before/index.html +++ /dev/null @@ -1,144 +0,0 @@ ---- -title: ChildNode.before() -slug: Web/API/ChildNode/before -tags: - - API - - DOM - - 노드 - - 레퍼런스 - - 메소드 - - 실험중 -translation_of: Web/API/ChildNode/before ---- -
{{APIRef("DOM")}} {{SeeCompatTable}}
- -

ChildNode.before 메소드는 ChildNode 의 부모가 가진 자식의 ChildNode 바로 이전에 {{domxref("Node")}} 또는 {{domxref("DOMString")}} 객체의 집합을 삽입합니다.{{domxref("DOMString")}} 객체는 {{domxref("Text")}} 노드와 동일하게 삽입됩니다.

- -

문법

- -
[Throws, Unscopable]
-void ChildNode.before((Node or DOMString)... nodes);
-
- -

파라미터

- -
-
nodes
-
삽입할 {{domxref("Node")}} 또는 {{domxref("DOMString")}} 객체의 집합입니다.
-
- -

예외

- - - -

예제

- -

엘리먼트 삽입하기

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span);
-
-console.log(parent.outerHTML);
-// "<div><span></span><p></p></div>"
-
- -

텍스트 삽입하기

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-
-child.before("Text");
-
-console.log(parent.outerHTML);
-// "<div>Text<p></p></div>"
- -

엘리먼트와 텍스트 삽입하기

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span, "Text");
-
-console.log(parent.outerHTML);
-// "<div><span></span>Text<p></p></div>"
- -

ChildNode.before() 는 범위를 지정할 수 없습니다

- -

before() 메소드는 with 구문으로 범위를 지정할 수 없습니다. 자세한 내용은 {{jsxref("Symbol.unscopables")}} 문서를 확인하세요.

- -
with(node) {
-  before("foo");
-}
-// ReferenceError: before is not defined
- -

폴리필

- -

다음 코드를 사용해 인터넷 익스플로러 9 이상에서 before() 메소드 를 폴리필링할 수 있습니다.

- -
// from: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/before()/before().md
-(function (arr) {
-  arr.forEach(function (item) {
-    if (item.hasOwnProperty('before')) {
-      return;
-    }
-    Object.defineProperty(item, 'before', {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function before() {
-        var argArr = Array.prototype.slice.call(arguments),
-          docFrag = document.createDocumentFragment();
-
-        argArr.forEach(function (argItem) {
-          var isNode = argItem instanceof Node;
-          docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
-        });
-
-        this.parentNode.insertBefore(docFrag, this);
-      }
-    });
-  });
-})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
- -

명세

- - - - - - - - - - - - - - -
명세상태코멘트
{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}{{Spec2('DOM WHATWG')}}초기 정의.
- -

브라우저 호환성

- - - -

{{Compat("api.ChildNode.before")}}

- -

함께 보기

- - diff --git a/files/ko/web/api/childnode/index.html b/files/ko/web/api/childnode/index.html deleted file mode 100644 index 2d48b7ef8c..0000000000 --- a/files/ko/web/api/childnode/index.html +++ /dev/null @@ -1,76 +0,0 @@ ---- -title: ChildNode -slug: Web/API/ChildNode -tags: - - API - - DOM - - 노드 - - 실험중 - - 인터페이스 -translation_of: Web/API/ChildNode ---- -
{{APIRef("DOM")}}
- -

ChildNode 인터페이스는 부모를 가질 수 있는 {{domxref("Node")}} 객체에 고유한 메소드를 포함합니다.

- -

ChildNode는 원시 인터페이스이며 이 타입의 객체는 생성할 수 없습니다. 이는 {{domxref("Element")}}, {{domxref("DocumentType")}} 및 {{domxref("CharacterData")}} 객체로 구현되었습니다.

- -

프로퍼티

- -

상속 및 특정 프로퍼티가 없습니다.

- -

메소드

- -

상속된 메소드가 없습니다.

- -
-
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
-
ChildNode를 부모의 자식 목록으로부터 제거합니다.
-
{{domxref("ChildNode.before()")}} {{experimental_inline}}
-
{{domxref("Node")}} 또는 {{domxref("DOMString")}} 객체의 집합을 부모의 자식 목록에서 ChildNode의 바로 앞에 삽입합니다. {{domxref("DOMString")}} 객체는 {{domxref("Text")}} 노드와 동일하게 삽입됩니다.
-
{{domxref("ChildNode.after()")}} {{experimental_inline}}
-
{{domxref("Node")}} 또는 {{domxref("DOMString")}} 객체의 집합을 부모의 자식 목록에서 ChildNode의 바로 뒤에 삽입합니다. {{domxref("DOMString")}} 객체는 {{domxref("Text")}} 노드와 동일하게 삽입됩니다.
-
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
-
부모의 자식 목록에 있는 ChildNode를 {{domxref("Node")}} 또는 {{domxref("DOMString")}} 객체의 집합으로 대체합니다.{{domxref("DOMString")}} 객체는 {{domxref("Text")}} 노드와 동일하게 삽입됩니다.
-
- -

명세

- - - - - - - - - - - - - - - - - - - -
명세상태코멘트
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}ElementTraversal 인터페이스를 {{domxref("ParentNode")}}와 ChildNode로 분리합니다. previousElementSibling과 nextElementSibling은 이제 마지막에 정의됩니다. {{domxref("CharacterData")}}와 {{domxref("DocumentType")}}은 새 인터페이스를 구현했습니다. remove(), before(), after() 및 replaceWith() 메소드가 추가되었습니다.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}프로퍼티의 초기 정의가 ElementTraversal 순수 인터페이스에 추가되었고 {{domxref("Element")}}에서 사용합니다.
- -

폴리필

- -

github의 외부 코드: childNode.js

- -

브라우저 호환성

- - - -

{{Compat("api.ChildNode")}}

- -

참고

- - diff --git a/files/pl/_redirects.txt b/files/pl/_redirects.txt index 9ff5876b6e..792d3a4bb5 100644 --- a/files/pl/_redirects.txt +++ b/files/pl/_redirects.txt @@ -1930,6 +1930,7 @@ /pl/docs/Web/API/AudioContext/createDynamicsCompressor /pl/docs/Web/API/BaseAudioContext/createDynamicsCompressor /pl/docs/Web/API/Canvas_API/Tutorial/Optymalizacja_canvas /pl/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas /pl/docs/Web/API/Canvas_API/Tutorial/rysowanie_ksztaltow /pl/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes +/pl/docs/Web/API/ChildNode /pl/docs/orphaned/Web/API/ChildNode /pl/docs/Web/API/ChildNode/remove /pl/docs/orphaned/Web/API/ChildNode/remove /pl/docs/Web/API/Document/firstChild /pl/docs/conflicting/Web/API/Node/firstChild /pl/docs/Web/API/Document/namespaceURI /pl/docs/conflicting/Web/API/Node/namespaceURI diff --git a/files/pl/_wikihistory.json b/files/pl/_wikihistory.json index a1713f3e2e..025076ceb3 100644 --- a/files/pl/_wikihistory.json +++ b/files/pl/_wikihistory.json @@ -1557,13 +1557,6 @@ "Ovkorz" ] }, - "Web/API/ChildNode": { - "modified": "2020-01-17T16:06:19.710Z", - "contributors": [ - "pefbrute", - "arronei" - ] - }, "Web/API/Console": { "modified": "2019-03-23T23:09:41.834Z", "contributors": [ @@ -11119,6 +11112,13 @@ "Ptak82" ] }, + "orphaned/Web/API/ChildNode": { + "modified": "2020-01-17T16:06:19.710Z", + "contributors": [ + "pefbrute", + "arronei" + ] + }, "orphaned/Web/API/ChildNode/remove": { "modified": "2020-10-15T21:53:18.455Z", "contributors": [ diff --git a/files/pl/orphaned/web/api/childnode/index.html b/files/pl/orphaned/web/api/childnode/index.html new file mode 100644 index 0000000000..474d201570 --- /dev/null +++ b/files/pl/orphaned/web/api/childnode/index.html @@ -0,0 +1,191 @@ +--- +title: ChildNode +slug: orphaned/Web/API/ChildNode +tags: + - API + - DOM + - Experimental + - Interface + - NeedsTranslation + - Node + - TopicStub +translation_of: Web/API/ChildNode +original_slug: Web/API/ChildNode +--- +
{{APIRef("DOM")}}
+ +

The childNodes interface contains methods that are particular to {{domxref("Node")}} objects that can have a parent.

+ +

childNodes is a raw interface and no object of this type can be created; it is implemented by {{domxref("Element")}}, {{domxref("DocumentType")}}, and {{domxref("CharacterData")}} objects.

+ +

Properties

+ +

There are neither inherited, nor specific properties.

+ +

Methods

+ +

There are no inherited methods.

+ +
+
{{domxref("childNodes.remove()")}} {{experimental_inline}}
+
Removes this childNodes from the children list of its parent.
+
{{domxref("childNodes.before()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this childNodes's parent, just before this childNodes. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("childNodes.after()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this childNodes's parent, just after this childNodes. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("childNodes.replaceWith()")}} {{experimental_inline}}
+
Replaces this childNodes in the children list of its parent with a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
+ +

Specifications

+ + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#interface-childnode', 'childNodes')}}{{Spec2('DOM WHATWG')}}Split the ElementTraversal interface in {{domxref("ParentNode")}} and childNodes. previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. Added the remove(), before(), after() and replaceWith() methods.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
+ +

Polyfill

+ +

External on github: childNode.js

+ +

Browser compatibility

+ +

{{ CompatibilityTable }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support (on {{domxref("Element")}}){{CompatChrome(1.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}9.010.04.0
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatChrome(23.0)}}{{CompatNo}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
remove(){{experimental_inline}}{{CompatChrome(29.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoDesktop(49)}}{{CompatNo}}{{CompatOpera(39)}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidAndroid WebviewEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support (on {{domxref("Element")}}){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatVersionUnknown}}10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
remove(){{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatNo}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoMobile(49)}}{{CompatNo}}{{CompatOperaMobile(39)}}{{CompatNo}}{{CompatChrome(54.0)}}
+
+ +

See also

+ + diff --git a/files/pl/web/api/childnode/index.html b/files/pl/web/api/childnode/index.html deleted file mode 100644 index f10d177d3c..0000000000 --- a/files/pl/web/api/childnode/index.html +++ /dev/null @@ -1,190 +0,0 @@ ---- -title: ChildNode -slug: Web/API/ChildNode -tags: - - API - - DOM - - Experimental - - Interface - - NeedsTranslation - - Node - - TopicStub -translation_of: Web/API/ChildNode ---- -
{{APIRef("DOM")}}
- -

The childNodes interface contains methods that are particular to {{domxref("Node")}} objects that can have a parent.

- -

childNodes is a raw interface and no object of this type can be created; it is implemented by {{domxref("Element")}}, {{domxref("DocumentType")}}, and {{domxref("CharacterData")}} objects.

- -

Properties

- -

There are neither inherited, nor specific properties.

- -

Methods

- -

There are no inherited methods.

- -
-
{{domxref("childNodes.remove()")}} {{experimental_inline}}
-
Removes this childNodes from the children list of its parent.
-
{{domxref("childNodes.before()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this childNodes's parent, just before this childNodes. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("childNodes.after()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this childNodes's parent, just after this childNodes. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("childNodes.replaceWith()")}} {{experimental_inline}}
-
Replaces this childNodes in the children list of its parent with a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
- -

Specifications

- - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#interface-childnode', 'childNodes')}}{{Spec2('DOM WHATWG')}}Split the ElementTraversal interface in {{domxref("ParentNode")}} and childNodes. previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. Added the remove(), before(), after() and replaceWith() methods.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
- -

Polyfill

- -

External on github: childNode.js

- -

Browser compatibility

- -

{{ CompatibilityTable }}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support (on {{domxref("Element")}}){{CompatChrome(1.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}9.010.04.0
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatChrome(23.0)}}{{CompatNo}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
remove(){{experimental_inline}}{{CompatChrome(29.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoDesktop(49)}}{{CompatNo}}{{CompatOpera(39)}}{{CompatNo}}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidAndroid WebviewEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support (on {{domxref("Element")}}){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatVersionUnknown}}10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
remove(){{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatNo}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoMobile(49)}}{{CompatNo}}{{CompatOperaMobile(39)}}{{CompatNo}}{{CompatChrome(54.0)}}
-
- -

See also

- - diff --git a/files/pt-br/_redirects.txt b/files/pt-br/_redirects.txt index c4d180ca86..b10eb9b358 100644 --- a/files/pt-br/_redirects.txt +++ b/files/pt-br/_redirects.txt @@ -541,6 +541,7 @@ /pt-BR/docs/Web/API/BatteryManager.ondischargingtimechange /pt-BR/docs/Web/API/BatteryManager/ondischargingtimechange /pt-BR/docs/Web/API/BatteryManager.onlevelchange /pt-BR/docs/Web/API/BatteryManager/onlevelchange /pt-BR/docs/Web/API/BatteryManager/ondischargintimechange /pt-BR/docs/Web/API/BatteryManager/ondischargingtimechange +/pt-BR/docs/Web/API/ChildNode /pt-BR/docs/orphaned/Web/API/ChildNode /pt-BR/docs/Web/API/ChildNode/after /pt-BR/docs/orphaned/Web/API/ChildNode/after /pt-BR/docs/Web/API/ChildNode/remove /pt-BR/docs/orphaned/Web/API/ChildNode/remove /pt-BR/docs/Web/API/Console.timeEnd /pt-BR/docs/Web/API/Console/timeEnd diff --git a/files/pt-br/_wikihistory.json b/files/pt-br/_wikihistory.json index 4db23eb93c..113e359f62 100644 --- a/files/pt-br/_wikihistory.json +++ b/files/pt-br/_wikihistory.json @@ -4082,14 +4082,6 @@ "marcos180212" ] }, - "Web/API/ChildNode": { - "modified": "2020-10-15T21:55:14.252Z", - "contributors": [ - "mateusvelleda", - "AlanSantos11", - "stevenwdv" - ] - }, "Web/API/ClipboardEvent": { "modified": "2020-10-15T22:15:35.028Z", "contributors": [ @@ -16995,6 +16987,14 @@ "andre-mendes" ] }, + "orphaned/Web/API/ChildNode": { + "modified": "2020-10-15T21:55:14.252Z", + "contributors": [ + "mateusvelleda", + "AlanSantos11", + "stevenwdv" + ] + }, "orphaned/Web/API/ChildNode/after": { "modified": "2020-10-15T22:17:31.621Z", "contributors": [ diff --git a/files/pt-br/orphaned/web/api/childnode/index.html b/files/pt-br/orphaned/web/api/childnode/index.html new file mode 100644 index 0000000000..282b89ee3a --- /dev/null +++ b/files/pt-br/orphaned/web/api/childnode/index.html @@ -0,0 +1,79 @@ +--- +title: ChildNode +slug: orphaned/Web/API/ChildNode +tags: + - API + - DOM + - Experimental + - Interface + - NeedsTranslation + - Node + - TopicStub +translation_of: Web/API/ChildNode +original_slug: Web/API/ChildNode +--- +
{{APIRef("DOM")}}
+ +
A interface ChildNode contém métodos que são particulares para os objetos
+ +

{{domxref("Node")}} que podem ter um pai.

+ +

ChildNode é uma interface bruta e nenhum objeto desse tipo pode ser criado; eles são implementados pelos objetos {{domxref("Element")}}, {{domxref("DocumentType")}}, e {{domxref("CharacterData")}}.

+ +

Propriedades

+ +

Não há propriedades herdadas nem específicas.

+ +

Métodos

+ +

Não há métodos herdados.

+ +
+
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
+
Removes this ChildNode from the children list of its parent.
+
{{domxref("ChildNode.before()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just before this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("ChildNode.after()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just after this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
+
Replaces this ChildNode in the children list of its parent with a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
+ +

Especificações

+ + + + + + + + + + + + + + + + + + + +
EspecificaçãoStatusComentário
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Split the ElementTraversal interface in {{domxref("ParentNode")}} and ChildNode. previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. Added the remove(), before(), after() and replaceWith() methods.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
+ +

Polyfill

+ +

External on github: childNode.js

+ +

Compatibilidade com navegadores

+ +

{{Compat("api.ChildNode")}}

+ +

See also

+ + diff --git a/files/pt-br/web/api/childnode/index.html b/files/pt-br/web/api/childnode/index.html deleted file mode 100644 index 6911a68010..0000000000 --- a/files/pt-br/web/api/childnode/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: ChildNode -slug: Web/API/ChildNode -tags: - - API - - DOM - - Experimental - - Interface - - NeedsTranslation - - Node - - TopicStub -translation_of: Web/API/ChildNode ---- -
{{APIRef("DOM")}}
- -
A interface ChildNode contém métodos que são particulares para os objetos
- -

{{domxref("Node")}} que podem ter um pai.

- -

ChildNode é uma interface bruta e nenhum objeto desse tipo pode ser criado; eles são implementados pelos objetos {{domxref("Element")}}, {{domxref("DocumentType")}}, e {{domxref("CharacterData")}}.

- -

Propriedades

- -

Não há propriedades herdadas nem específicas.

- -

Métodos

- -

Não há métodos herdados.

- -
-
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
-
Removes this ChildNode from the children list of its parent.
-
{{domxref("ChildNode.before()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just before this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("ChildNode.after()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just after this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
-
Replaces this ChildNode in the children list of its parent with a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
- -

Especificações

- - - - - - - - - - - - - - - - - - - -
EspecificaçãoStatusComentário
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Split the ElementTraversal interface in {{domxref("ParentNode")}} and ChildNode. previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. Added the remove(), before(), after() and replaceWith() methods.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
- -

Polyfill

- -

External on github: childNode.js

- -

Compatibilidade com navegadores

- -

{{Compat("api.ChildNode")}}

- -

See also

- - diff --git a/files/ru/_redirects.txt b/files/ru/_redirects.txt index d45edc4187..aacd2743c2 100644 --- a/files/ru/_redirects.txt +++ b/files/ru/_redirects.txt @@ -381,6 +381,7 @@ /ru/docs/Web/API/Canvas_API/Tutorial/Рисование_текста /ru/docs/Web/API/Canvas_API/Tutorial/Drawing_text /ru/docs/Web/API/Canvas_API/Tutorial/Рисование_фигур /ru/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes /ru/docs/Web/API/Canvas_API/Рисование_графики_с_помощью_Canvas /ru/docs/Web/API/Canvas_API/Tutorial +/ru/docs/Web/API/ChildNode /ru/docs/orphaned/Web/API/ChildNode /ru/docs/Web/API/ChildNode/remove /ru/docs/orphaned/Web/API/ChildNode/remove /ru/docs/Web/API/ChildNode/replaceWith /ru/docs/orphaned/Web/API/ChildNode/replaceWith /ru/docs/Web/API/Coordinates /ru/docs/Web/API/GeolocationCoordinates diff --git a/files/ru/_wikihistory.json b/files/ru/_wikihistory.json index 6ff6ec06eb..99f463b01f 100644 --- a/files/ru/_wikihistory.json +++ b/files/ru/_wikihistory.json @@ -6466,13 +6466,6 @@ "ivanson" ] }, - "Web/API/ChildNode": { - "modified": "2019-03-23T22:51:21.900Z", - "contributors": [ - "untritt", - "pantherCZ" - ] - }, "Web/API/Clients": { "modified": "2019-03-23T22:15:29.932Z", "contributors": [ @@ -25281,6 +25274,13 @@ "a-chepugov" ] }, + "orphaned/Web/API/ChildNode": { + "modified": "2019-03-23T22:51:21.900Z", + "contributors": [ + "untritt", + "pantherCZ" + ] + }, "orphaned/Web/API/ChildNode/remove": { "modified": "2019-03-23T22:51:25.031Z", "contributors": [ diff --git a/files/ru/orphaned/web/api/childnode/index.html b/files/ru/orphaned/web/api/childnode/index.html new file mode 100644 index 0000000000..e150876787 --- /dev/null +++ b/files/ru/orphaned/web/api/childnode/index.html @@ -0,0 +1,78 @@ +--- +title: ChildNode +slug: orphaned/Web/API/ChildNode +tags: + - API + - DOM + - Experimental + - Expérimental(2) + - NeedsTranslation + - TopicStub +translation_of: Web/API/ChildNode +original_slug: Web/API/ChildNode +--- +

{{APIRef("DOM")}}

+ +

Интерфейс ChildNode  содержит методы, специфичные для объектов  {{domxref("Node")}}, которые имеют родителя.

+ +

ChildNode это просто интерфейс и ни один объект этого типа не может быть создан; он реализуется объектами {{domxref("Element")}}, {{domxref("DocumentType")}} и {{domxref("CharacterData")}}.

+ +

Properties

+ +

There is neither inherited, nor specific property.

+ +

Methods

+ +

Отсутствуют унаследованные методы.

+ +
+
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
+
Удаляет данный ChildNode из списка потомков его родителя.
+
{{domxref("ChildNode.before()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just before this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("ChildNode.after()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just after this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
+
Заменяет ChildNode  в списке потомков его родителя набором {{domxref("Node")}} или {{domxref("DOMString")}} объектов. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
+ +

Specifications

+ + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Интерфейс ElementTraversal  разделён на {{domxref("ParentNode")}} и ChildNode. Свойства previousElementSibling и nextElementSibling теперь определены в последнем.
+ The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces.
+ Добавлены методы remove(), before(), after() и replaceWith().
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
+ +

Polyfill

+ +

External on github: childNode.js

+ +

Browser compatibility

+ +

{{Compat("api.ChildNode")}}

+ +

See also

+ + diff --git a/files/ru/web/api/childnode/index.html b/files/ru/web/api/childnode/index.html deleted file mode 100644 index c92bc3fe2e..0000000000 --- a/files/ru/web/api/childnode/index.html +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: ChildNode -slug: Web/API/ChildNode -tags: - - API - - DOM - - Experimental - - Expérimental(2) - - NeedsTranslation - - TopicStub -translation_of: Web/API/ChildNode ---- -

{{APIRef("DOM")}}

- -

Интерфейс ChildNode  содержит методы, специфичные для объектов  {{domxref("Node")}}, которые имеют родителя.

- -

ChildNode это просто интерфейс и ни один объект этого типа не может быть создан; он реализуется объектами {{domxref("Element")}}, {{domxref("DocumentType")}} и {{domxref("CharacterData")}}.

- -

Properties

- -

There is neither inherited, nor specific property.

- -

Methods

- -

Отсутствуют унаследованные методы.

- -
-
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
-
Удаляет данный ChildNode из списка потомков его родителя.
-
{{domxref("ChildNode.before()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just before this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("ChildNode.after()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this ChildNode's parent, just after this ChildNode. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
-
Заменяет ChildNode  в списке потомков его родителя набором {{domxref("Node")}} или {{domxref("DOMString")}} объектов. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
- -

Specifications

- - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Интерфейс ElementTraversal  разделён на {{domxref("ParentNode")}} и ChildNode. Свойства previousElementSibling и nextElementSibling теперь определены в последнем.
- The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces.
- Добавлены методы remove(), before(), after() и replaceWith().
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
- -

Polyfill

- -

External on github: childNode.js

- -

Browser compatibility

- -

{{Compat("api.ChildNode")}}

- -

See also

- - diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt index 4b100a3e17..46df9ce2f8 100644 --- a/files/zh-cn/_redirects.txt +++ b/files/zh-cn/_redirects.txt @@ -1468,9 +1468,11 @@ /zh-CN/docs/Web/API/CanvasRenderingContext2D.createPattern /zh-CN/docs/Web/API/CanvasRenderingContext2D/createPattern /zh-CN/docs/Web/API/Canvas_API/Drawing_graphics_with_canvas /zh-CN/docs/conflicting/Web/API/Canvas_API/Tutorial /zh-CN/docs/Web/API/Channel_Messaging_API/使用_channel_messaging /zh-CN/docs/Web/API/Channel_Messaging_API/Using_channel_messaging +/zh-CN/docs/Web/API/ChildNode /zh-CN/docs/orphaned/Web/API/ChildNode /zh-CN/docs/Web/API/ChildNode.nextElementSibling /zh-CN/docs/Web/API/Element/nextElementSibling /zh-CN/docs/Web/API/ChildNode.remove /zh-CN/docs/orphaned/Web/API/ChildNode/remove /zh-CN/docs/Web/API/ChildNode/after /zh-CN/docs/orphaned/Web/API/ChildNode/after +/zh-CN/docs/Web/API/ChildNode/before /zh-CN/docs/orphaned/Web/API/ChildNode/before /zh-CN/docs/Web/API/ChildNode/remove /zh-CN/docs/orphaned/Web/API/ChildNode/remove /zh-CN/docs/Web/API/ChildNode/replaceWith /zh-CN/docs/orphaned/Web/API/ChildNode/replaceWith /zh-CN/docs/Web/API/Childnode.previousElementSibling /zh-CN/docs/Web/API/Element/previousElementSibling @@ -2122,6 +2124,7 @@ /zh-CN/docs/Web/CSS/transform-function/skewY /zh-CN/docs/Web/CSS/transform-function/skewY() /zh-CN/docs/Web/CSS/transform-function/translate /zh-CN/docs/Web/CSS/transform-function/translate() /zh-CN/docs/Web/CSS/transform-function/translate3d /zh-CN/docs/Web/CSS/transform-function/translate3d() +/zh-CN/docs/Web/CSS/transform-function/translateX /zh-CN/docs/orphaned/Web/CSS/transform-function/translateX /zh-CN/docs/Web/CSS/transform-function/translateY /zh-CN/docs/Web/CSS/transform-function/translateY() /zh-CN/docs/Web/CSS/url /zh-CN/docs/Web/CSS/url() /zh-CN/docs/Web/CSS/var /zh-CN/docs/Web/CSS/var() diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json index f804e5262b..3757fd8d23 100644 --- a/files/zh-cn/_wikihistory.json +++ b/files/zh-cn/_wikihistory.json @@ -9713,25 +9713,6 @@ "AlexChao" ] }, - "Web/API/ChildNode": { - "modified": "2020-10-15T21:30:05.058Z", - "contributors": [ - "XiangHongAi", - "RainSlide", - "ZacharyZhang90S", - "zhangchen", - "ifredom", - "xgqfrms-GitHub", - "jiahui", - "AlexChao" - ] - }, - "Web/API/ChildNode/before": { - "modified": "2019-03-23T22:12:22.842Z", - "contributors": [ - "caoweiju" - ] - }, "Web/API/Client": { "modified": "2019-03-23T22:16:43.346Z", "contributors": [ @@ -30961,14 +30942,6 @@ "zxk7516" ] }, - "Web/CSS/transform-function/translateX": { - "modified": "2019-10-06T06:39:48.638Z", - "contributors": [ - "LexieAlreadyTaken", - "lanesky", - "Vimo" - ] - }, "Web/CSS/transform-function/translateY()": { "modified": "2020-11-30T13:01:20.573Z", "contributors": [ @@ -49801,6 +49774,19 @@ "smilewalker" ] }, + "orphaned/Web/API/ChildNode": { + "modified": "2020-10-15T21:30:05.058Z", + "contributors": [ + "XiangHongAi", + "RainSlide", + "ZacharyZhang90S", + "zhangchen", + "ifredom", + "xgqfrms-GitHub", + "jiahui", + "AlexChao" + ] + }, "orphaned/Web/API/ChildNode/after": { "modified": "2020-10-15T21:51:08.472Z", "contributors": [ @@ -49808,6 +49794,12 @@ "Cattla" ] }, + "orphaned/Web/API/ChildNode/before": { + "modified": "2019-03-23T22:12:22.842Z", + "contributors": [ + "caoweiju" + ] + }, "orphaned/Web/API/ChildNode/remove": { "modified": "2020-10-15T21:27:27.352Z", "contributors": [ @@ -50237,6 +50229,14 @@ "zway" ] }, + "orphaned/Web/CSS/transform-function/translateX": { + "modified": "2019-10-06T06:39:48.638Z", + "contributors": [ + "LexieAlreadyTaken", + "lanesky", + "Vimo" + ] + }, "orphaned/Web/Guide/CSS/CSS基础": { "modified": "2019-03-18T20:41:49.035Z", "contributors": [ diff --git a/files/zh-cn/orphaned/web/api/childnode/before/index.html b/files/zh-cn/orphaned/web/api/childnode/before/index.html new file mode 100644 index 0000000000..add3dab015 --- /dev/null +++ b/files/zh-cn/orphaned/web/api/childnode/before/index.html @@ -0,0 +1,188 @@ +--- +title: ChildNode.before() +slug: orphaned/Web/API/ChildNode/before +tags: + - api、dom、节点、方法 +translation_of: Web/API/ChildNode/before +original_slug: Web/API/ChildNode/before +--- +
{{APIRef("DOM")}} {{SeeCompatTable}}
+ +

 ChildNode.before 方法可以在ChildNode这个节点的父节点中插入一些列的 {{domxref("Node")}} 或者 {{domxref("DOMString")}} 对象，位置就是在ChildNode节点的前面，{{domxref("DOMString")}} 对象其实和 {{domxref("Text")}}节点一样的方式来完成插入的。

+ +

语法

+ +
[Throws, Unscopable]
+void ChildNode.before((Node or DOMString)... nodes);
+
+ +

Parameters参数

+ +
+
nodes
+
一系列的 {{domxref("Node")}} 或者 {{domxref("DOMString")}} 
+
+ +

Exceptions

+ + + +

Examples事例

+ +

Inserting an element插入元素节点

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span);
+
+console.log(parent.outerHTML);
+// "<div><span></span><p></p></div>"
+
+ +

Inserting text插入文本节点

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+
+child.before("Text");
+
+console.log(parent.outerHTML);
+// "<div>Text<p></p></div>"
+ +

Inserting an element and text同时插入文本和元素

+ +
var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span, "Text");
+
+console.log(parent.outerHTML);
+// "<div><span></span>Text<p></p></div>"
+ +

ChildNode.before() is unscopable不可使用区域

+ +

The before() 不能配合with声明使用，See {{jsxref("Symbol.unscopables")}} for more information.

+ +
with(node) {
+  before("foo");
+}
+// ReferenceError: before is not defined
+ +

Polyfill

+ +

兼容ie9或者更高版本的方法，You can polyfill the before() method in Internet Explorer 9 and higher with the following code:

+ +
// from: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/before()/before().md
+(function (arr) {
+  arr.forEach(function (item) {
+    if (item.hasOwnProperty('before')) {
+      return;
+    }
+    Object.defineProperty(item, 'before', {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: function before() {
+        var argArr = Array.prototype.slice.call(arguments),
+          docFrag = document.createDocumentFragment();
+
+        argArr.forEach(function (argItem) {
+          var isNode = argItem instanceof Node;
+          docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
+        });
+
+        this.parentNode.insertBefore(docFrag, this);
+      }
+    });
+  });
+})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
+ +

Specification

+ + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}{{Spec2('DOM WHATWG')}}Initial definition.
+ +

Browser compatibility

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatChrome(54.0)}}{{CompatGeckoDesktop(49)}}{{CompatUnknown}}{{CompatOpera(39)}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support{{CompatNo}}{{CompatChrome(54.0)}}{{CompatGeckoMobile(49)}}{{CompatUnknown}}{{CompatOpera(39)}}{{CompatUnknown}}{{CompatChrome(54.0)}}
+
+ +

See also

+ + diff --git a/files/zh-cn/orphaned/web/api/childnode/index.html b/files/zh-cn/orphaned/web/api/childnode/index.html new file mode 100644 index 0000000000..f223684bb2 --- /dev/null +++ b/files/zh-cn/orphaned/web/api/childnode/index.html @@ -0,0 +1,78 @@ +--- +title: ChildNode +slug: orphaned/Web/API/ChildNode +tags: + - API + - ChildNode + - DOM + - Node + - 接口 +translation_of: Web/API/ChildNode +original_slug: Web/API/ChildNode +--- +

{{APIRef("DOM")}}

+ +

ChildNode 混合了所有(拥有父对象) {{domxref("Node")}} 对象包含的公共方法和属性。其由 {{domxref("Element")}}、{{domxref("DocumentType")}} 和 {{domxref("CharacterData")}} 对象实现。

+ +

属性

+ +

没有继承任何属性，也没有任何专有属性。

+ +

方法

+ +

没有继承的方法。

+ +
+
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
+
将 ChildNode 从其父节点的子节点列表中移除。
+
{{domxref("ChildNode.before()")}} {{experimental_inline}}
+
在其父节点的子节点列表中插入一些 {{domxref("Node")}} 或 {{domxref("DOMString")}} 对象。插入位置为 ChildNode 之前。{{domxref("DOMString")}} 对象会被以 {{domxref("Text")}} 的形式插入。
+
{{domxref("ChildNode.after()")}} {{experimental_inline}}
+
在其父节点的子节点列表中插入一些{{domxref("Node")}} 或 {{domxref("DOMString")}} 对象。插入位置为 ChildNode 之后。{{domxref("DOMString")}} 对象会被以 {{domxref("Text")}} 的形式插入。
+
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
+
使用一组 {{domxref("Node")}} 或 {{domxref("DOMString")}} 对象替换 ChildNode。{{domxref("DOMString")}} 对象会以 {{domxref("Text")}} 的形式插入。
+
+ +

规范

+ + + + + + + + + + + + + + + + + + + +
规范状态说明
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Splitted the ElementTraversal interface in {{domxref("ParentNode")}} and ChildNode. The previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. 新增 remove(), before(), after() and replace() 这四个方法。
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
+ +

Polyfill

+ +

GitHub 上的外部资源：childNode.js

+ +

浏览器兼容性

+ + + +

{{Compat("api.ChildNode")}}

+ +

参见

+ + diff --git a/files/zh-cn/orphaned/web/css/transform-function/translatex/index.html b/files/zh-cn/orphaned/web/css/transform-function/translatex/index.html new file mode 100644 index 0000000000..6dfb96744e --- /dev/null +++ b/files/zh-cn/orphaned/web/css/transform-function/translatex/index.html @@ -0,0 +1,130 @@ +--- +title: translateX() +slug: orphaned/Web/CSS/transform-function/translateX +tags: + - CSS函数 + - CSS变形属性 + - 参考 +translation_of: Web/CSS/transform-function/translateX +original_slug: Web/CSS/transform-function/translateX +--- +
{{CSSRef}}
+ +

translateX()函数表示在二维平面上水平方向移动元素。 其结果的数据类型是{{cssxref("<transform-function>")}}。

+ +

+ +
+

注意： translateX(tx)等同于 translate(tx, 0) 或者 translate3d(tx, 0, 0)。

+
+ +

语法

+ +
translateX(t)
+
+ +

参数

+ +
+
t
+
     代表了向量平移的横坐标长度{{cssxref("<length>")}}。
+
+ + + + + + + + + + + + + + + + + + + + + +
ℝ2空间中的笛卡尔坐标在ℝℙ2上的投影坐标在ℝ3上的笛卡尔坐标在ℝℙ3上的投影坐标
+

在ℝ2 空间中的平移并非线性变化，因此不能表示为笛卡尔坐标矩阵。

+ 		+

1 0 t

+ +

0 1 0

+ +

0 0 1

+ 		+

1 0 t

+ +

0 1 0

+ +

0 0 1

+ 		+

1 0 0 t

+ +

0 1 0 0

+ +

0 0 1 0

+ +

0 0 0 1

+
[1 0 0 1 t 0]
+ +

示例

+ +

HTML

+ +
<div>Static</div>
+<div class="moved">Moved</div>
+<div>Static</div>
+ +

CSS

+ +
div {
+  width: 60px;
+  height: 60px;
+  background-color: skyblue;
+}
+
+.moved {
+  transform: translateX(10px); /* 等同于 translate(10px) */
+  background-color: pink;
+}
+ +

结果

+ +

{{EmbedLiveSample("Examples", 250, 250)}}

+ +

标准化说明

+ + + + + + + + + + + + + + + + +
标准状态备注
{{SpecName("CSS3 Transforms", "#funcdef-transform-translatex", "translateX()")}}{{Spec2("CSS3 Transforms")}}原始定义
+ +

浏览器兼容性

+ +

请前往数据类型{{cssxref("transform-function")}}的页面以查看兼容性信息。

+ +

参阅

+ + diff --git a/files/zh-cn/web/api/childnode/before/index.html b/files/zh-cn/web/api/childnode/before/index.html deleted file mode 100644 index a09c552459..0000000000 --- a/files/zh-cn/web/api/childnode/before/index.html +++ /dev/null @@ -1,187 +0,0 @@ ---- -title: ChildNode.before() -slug: Web/API/ChildNode/before -tags: - - api、dom、节点、方法 -translation_of: Web/API/ChildNode/before ---- -
{{APIRef("DOM")}} {{SeeCompatTable}}
- -

 ChildNode.before 方法可以在ChildNode这个节点的父节点中插入一些列的 {{domxref("Node")}} 或者 {{domxref("DOMString")}} 对象，位置就是在ChildNode节点的前面，{{domxref("DOMString")}} 对象其实和 {{domxref("Text")}}节点一样的方式来完成插入的。

- -

语法

- -
[Throws, Unscopable]
-void ChildNode.before((Node or DOMString)... nodes);
-
- -

Parameters参数

- -
-
nodes
-
一系列的 {{domxref("Node")}} 或者 {{domxref("DOMString")}} 
-
- -

Exceptions

- - - -

Examples事例

- -

Inserting an element插入元素节点

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span);
-
-console.log(parent.outerHTML);
-// "<div><span></span><p></p></div>"
-
- -

Inserting text插入文本节点

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-
-child.before("Text");
-
-console.log(parent.outerHTML);
-// "<div>Text<p></p></div>"
- -

Inserting an element and text同时插入文本和元素

- -
var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span, "Text");
-
-console.log(parent.outerHTML);
-// "<div><span></span>Text<p></p></div>"
- -

ChildNode.before() is unscopable不可使用区域

- -

The before() 不能配合with声明使用，See {{jsxref("Symbol.unscopables")}} for more information.

- -
with(node) {
-  before("foo");
-}
-// ReferenceError: before is not defined
- -

Polyfill

- -

兼容ie9或者更高版本的方法，You can polyfill the before() method in Internet Explorer 9 and higher with the following code:

- -
// from: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/before()/before().md
-(function (arr) {
-  arr.forEach(function (item) {
-    if (item.hasOwnProperty('before')) {
-      return;
-    }
-    Object.defineProperty(item, 'before', {
-      configurable: true,
-      enumerable: true,
-      writable: true,
-      value: function before() {
-        var argArr = Array.prototype.slice.call(arguments),
-          docFrag = document.createDocumentFragment();
-
-        argArr.forEach(function (argItem) {
-          var isNode = argItem instanceof Node;
-          docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
-        });
-
-        this.parentNode.insertBefore(docFrag, this);
-      }
-    });
-  });
-})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
- -

Specification

- - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}{{Spec2('DOM WHATWG')}}Initial definition.
- -

Browser compatibility

- -

{{CompatibilityTable}}

- -
- - - - - - - - - - - - - - - - - - - -
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatChrome(54.0)}}{{CompatGeckoDesktop(49)}}{{CompatUnknown}}{{CompatOpera(39)}}{{CompatUnknown}}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support{{CompatNo}}{{CompatChrome(54.0)}}{{CompatGeckoMobile(49)}}{{CompatUnknown}}{{CompatOpera(39)}}{{CompatUnknown}}{{CompatChrome(54.0)}}
-
- -

See also

- - diff --git a/files/zh-cn/web/api/childnode/index.html b/files/zh-cn/web/api/childnode/index.html deleted file mode 100644 index 4566c0d514..0000000000 --- a/files/zh-cn/web/api/childnode/index.html +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: ChildNode -slug: Web/API/ChildNode -tags: - - API - - ChildNode - - DOM - - Node - - 接口 -translation_of: Web/API/ChildNode ---- -

{{APIRef("DOM")}}

- -

ChildNode 混合了所有(拥有父对象) {{domxref("Node")}} 对象包含的公共方法和属性。其由 {{domxref("Element")}}、{{domxref("DocumentType")}} 和 {{domxref("CharacterData")}} 对象实现。

- -

属性

- -

没有继承任何属性，也没有任何专有属性。

- -

方法

- -

没有继承的方法。

- -
-
{{domxref("ChildNode.remove()")}} {{experimental_inline}}
-
将 ChildNode 从其父节点的子节点列表中移除。
-
{{domxref("ChildNode.before()")}} {{experimental_inline}}
-
在其父节点的子节点列表中插入一些 {{domxref("Node")}} 或 {{domxref("DOMString")}} 对象。插入位置为 ChildNode 之前。{{domxref("DOMString")}} 对象会被以 {{domxref("Text")}} 的形式插入。
-
{{domxref("ChildNode.after()")}} {{experimental_inline}}
-
在其父节点的子节点列表中插入一些{{domxref("Node")}} 或 {{domxref("DOMString")}} 对象。插入位置为 ChildNode 之后。{{domxref("DOMString")}} 对象会被以 {{domxref("Text")}} 的形式插入。
-
{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}
-
使用一组 {{domxref("Node")}} 或 {{domxref("DOMString")}} 对象替换 ChildNode。{{domxref("DOMString")}} 对象会以 {{domxref("Text")}} 的形式插入。
-
- -

规范

- - - - - - - - - - - - - - - - - - - -
规范状态说明
{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}{{Spec2('DOM WHATWG')}}Splitted the ElementTraversal interface in {{domxref("ParentNode")}} and ChildNode. The previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. 新增 remove(), before(), after() and replace() 这四个方法。
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
- -

Polyfill

- -

GitHub 上的外部资源：childNode.js

- -

浏览器兼容性

- - - -

{{Compat("api.ChildNode")}}

- -

参见

- - diff --git a/files/zh-cn/web/css/transform-function/translatex/index.html b/files/zh-cn/web/css/transform-function/translatex/index.html deleted file mode 100644 index 16047b2fc6..0000000000 --- a/files/zh-cn/web/css/transform-function/translatex/index.html +++ /dev/null @@ -1,129 +0,0 @@ ---- -title: translateX() -slug: Web/CSS/transform-function/translateX -tags: - - CSS函数 - - CSS变形属性 - - 参考 -translation_of: Web/CSS/transform-function/translateX ---- -
{{CSSRef}}
- -

translateX()函数表示在二维平面上水平方向移动元素。 其结果的数据类型是{{cssxref("<transform-function>")}}。

- -

- -
-

注意： translateX(tx)等同于 translate(tx, 0) 或者 translate3d(tx, 0, 0)。

-
- -

语法

- -
translateX(t)
-
- -

参数

- -
-
t
-
     代表了向量平移的横坐标长度{{cssxref("<length>")}}。
-
- - - - - - - - - - - - - - - - - - - - - -
ℝ2空间中的笛卡尔坐标在ℝℙ2上的投影坐标在ℝ3上的笛卡尔坐标在ℝℙ3上的投影坐标
-

在ℝ2 空间中的平移并非线性变化，因此不能表示为笛卡尔坐标矩阵。

- 		-

1 0 t

- -

0 1 0

- -

0 0 1

- 		-

1 0 t

- -

0 1 0

- -

0 0 1

- 		-

1 0 0 t

- -

0 1 0 0

- -

0 0 1 0

- -

0 0 0 1

-
[1 0 0 1 t 0]
- -

示例

- -

HTML

- -
<div>Static</div>
-<div class="moved">Moved</div>
-<div>Static</div>
- -

CSS

- -
div {
-  width: 60px;
-  height: 60px;
-  background-color: skyblue;
-}
-
-.moved {
-  transform: translateX(10px); /* 等同于 translate(10px) */
-  background-color: pink;
-}
- -

结果

- -

{{EmbedLiveSample("Examples", 250, 250)}}

- -

标准化说明

- - - - - - - - - - - - - - - - -
标准状态备注
{{SpecName("CSS3 Transforms", "#funcdef-transform-translatex", "translateX()")}}{{Spec2("CSS3 Transforms")}}原始定义
- -

浏览器兼容性

- -

请前往数据类型{{cssxref("transform-function")}}的页面以查看兼容性信息。

- -

参阅

- - diff --git a/files/zh-tw/_redirects.txt b/files/zh-tw/_redirects.txt index 446389f5f6..3a3feb0fb4 100644 --- a/files/zh-tw/_redirects.txt +++ b/files/zh-tw/_redirects.txt @@ -546,6 +546,7 @@ /zh-TW/docs/Web/API/Canvas_API/Drawing_graphics_with_canvas /zh-TW/docs/conflicting/Web/API/Canvas_API/Tutorial /zh-TW/docs/Web/API/Canvas_API/Tutorial/基礎動畫 /zh-TW/docs/Web/API/Canvas_API/Tutorial/Basic_animations /zh-TW/docs/Web/API/Canvas_API/Tutorial/最佳化_canvas /zh-TW/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas +/zh-TW/docs/Web/API/ChildNode /zh-TW/docs/orphaned/Web/API/ChildNode /zh-TW/docs/Web/API/Coordinates /zh-TW/docs/Web/API/GeolocationCoordinates /zh-TW/docs/Web/API/Coordinates/accuracy /zh-TW/docs/Web/API/GeolocationCoordinates/accuracy /zh-TW/docs/Web/API/Coordinates/altitude /zh-TW/docs/Web/API/GeolocationCoordinates/altitude diff --git a/files/zh-tw/_wikihistory.json b/files/zh-tw/_wikihistory.json index fbab448b5a..eadfe8d04c 100644 --- a/files/zh-tw/_wikihistory.json +++ b/files/zh-tw/_wikihistory.json @@ -3120,12 +3120,6 @@ "jackblackevo" ] }, - "Web/API/ChildNode": { - "modified": "2019-03-23T22:30:29.724Z", - "contributors": [ - "jackblackevo" - ] - }, "Web/API/Clients": { "modified": "2019-03-23T22:41:01.027Z", "contributors": [ @@ -8644,6 +8638,12 @@ "MashKao" ] }, + "orphaned/Web/API/ChildNode": { + "modified": "2019-03-23T22:30:29.724Z", + "contributors": [ + "jackblackevo" + ] + }, "orphaned/Web/API/Detecting_device_orientation": { "modified": "2019-03-23T23:27:03.486Z", "contributors": [ diff --git a/files/zh-tw/orphaned/web/api/childnode/index.html b/files/zh-tw/orphaned/web/api/childnode/index.html new file mode 100644 index 0000000000..b035018461 --- /dev/null +++ b/files/zh-tw/orphaned/web/api/childnode/index.html @@ -0,0 +1,183 @@ +--- +title: ChildNode +slug: orphaned/Web/API/ChildNode +translation_of: Web/API/ChildNode +original_slug: Web/API/ChildNode +--- +
{{APIRef("DOM")}}
+ +

childNodes 介面定義了可以擁有父節點之 {{domxref("Node")}} 物件的方法。

+ +

childNodes 是一個原始的介面，且不能以此建立物件實體。{{domxref("Element")}}、{{domxref("DocumentType")}} 及 {{domxref("CharacterData")}} 物件皆實作了 childNodes。

+ +

屬性

+ +

沒有繼承或自有的屬性。

+ +

方法

+ +

沒有繼承的方法。

+ +
+
{{domxref("childNodes.remove()")}} {{experimental_inline}}
+
Removes this childNodes from the children list of its parent.
+
{{domxref("childNodes.before()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this childNodes's parent, just before this childNodes. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("childNodes.after()")}} {{experimental_inline}}
+
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this childNodes's parent, just after this childNodes. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
{{domxref("childNodes.replaceWith()")}} {{experimental_inline}}
+
Replaces this childNodes in the children list of its parent with a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
+
+ +

規範

+ + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#interface-childnode', 'childNodes')}}{{Spec2('DOM WHATWG')}}Split the ElementTraversal interface in {{domxref("ParentNode")}} and childNodes. previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. Added the remove(), before(), after() and replaceWith() methods.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
+ +

Polyfill

+ +

External on github: childNode.js

+ +

瀏覽器相容性

+ +

{{ CompatibilityTable }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support (on {{domxref("Element")}}){{CompatChrome(1.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}9.010.04.0
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatChrome(23.0)}}{{CompatNo}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
remove(){{experimental_inline}}{{CompatChrome(29.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoDesktop(49)}}{{CompatNo}}{{CompatOpera(39)}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidAndroid WebviewEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support (on {{domxref("Element")}}){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatVersionUnknown}}10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
remove(){{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatNo}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoMobile(49)}}{{CompatNo}}{{CompatOperaMobile(39)}}{{CompatNo}}{{CompatChrome(54.0)}}
+
+ +

參見

+ + diff --git a/files/zh-tw/web/api/childnode/index.html b/files/zh-tw/web/api/childnode/index.html deleted file mode 100644 index 1d7d3f753b..0000000000 --- a/files/zh-tw/web/api/childnode/index.html +++ /dev/null @@ -1,182 +0,0 @@ ---- -title: ChildNode -slug: Web/API/ChildNode -translation_of: Web/API/ChildNode ---- -
{{APIRef("DOM")}}
- -

childNodes 介面定義了可以擁有父節點之 {{domxref("Node")}} 物件的方法。

- -

childNodes 是一個原始的介面，且不能以此建立物件實體。{{domxref("Element")}}、{{domxref("DocumentType")}} 及 {{domxref("CharacterData")}} 物件皆實作了 childNodes。

- -

屬性

- -

沒有繼承或自有的屬性。

- -

方法

- -

沒有繼承的方法。

- -
-
{{domxref("childNodes.remove()")}} {{experimental_inline}}
-
Removes this childNodes from the children list of its parent.
-
{{domxref("childNodes.before()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this childNodes's parent, just before this childNodes. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("childNodes.after()")}} {{experimental_inline}}
-
Inserts a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects in the children list of this childNodes's parent, just after this childNodes. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
{{domxref("childNodes.replaceWith()")}} {{experimental_inline}}
-
Replaces this childNodes in the children list of its parent with a set of {{domxref("Node")}} or {{domxref("DOMString")}} objects. {{domxref("DOMString")}} objects are inserted as equivalent {{domxref("Text")}} nodes.
-
- -

規範

- - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#interface-childnode', 'childNodes')}}{{Spec2('DOM WHATWG')}}Split the ElementTraversal interface in {{domxref("ParentNode")}} and childNodes. previousElementSibling and nextElementSibling are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. Added the remove(), before(), after() and replaceWith() methods.
{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}{{Spec2('Element Traversal')}}Added the initial definition of its properties to the ElementTraversal pure interface and use it on {{domxref("Element")}}.
- -

Polyfill

- -

External on github: childNode.js

- -

瀏覽器相容性

- -

{{ CompatibilityTable }}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support (on {{domxref("Element")}}){{CompatChrome(1.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}9.010.04.0
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatChrome(23.0)}}{{CompatNo}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
remove(){{experimental_inline}}{{CompatChrome(29.0)}}{{CompatVersionUnknown}}{{CompatGeckoDesktop(23)}}{{CompatNo}}16.0{{CompatNo}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoDesktop(49)}}{{CompatNo}}{{CompatOpera(39)}}{{CompatNo}}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidAndroid WebviewEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support (on {{domxref("Element")}}){{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatVersionUnknown}}10.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
Support on {{domxref("DocumentType")}} and {{domxref("CharacterData")}} {{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
remove(){{experimental_inline}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatGeckoMobile(23)}}{{CompatNo}}16.0{{CompatNo}}{{CompatVersionUnknown}}
before(), after(), and replaceWith() {{experimental_inline}}{{CompatNo}}{{CompatChrome(54.0)}}{{CompatNo}}{{CompatGeckoMobile(49)}}{{CompatNo}}{{CompatOperaMobile(39)}}{{CompatNo}}{{CompatChrome(54.0)}}
-
- -

參見

- - -- cgit v1.2.3-54-g00ecf