Skip to content

Commit 4e684c8

Browse files
HachemiHHachemiH
committed
Conflicts fixed on "Node properties: type, tag and contents" page in
french language
1 parent d61a87d commit 4e684c8

File tree

1 file changed

+21
-48
lines changed
  • 2-ui/1-document/05-basic-dom-node-properties

1 file changed

+21
-48
lines changed

‎2-ui/1-document/05-basic-dom-node-properties/article.md‎

Lines changed: 21 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -10,66 +10,47 @@ Différents nœuds DOM peuvent avoir des propriétés différentes. Par exemple,
1010

1111
Chaque nœud DOM appartient à la classe intégrée correspondante.
1212

13-
<<<<<<< HEAD
1413
La racine de la hiérarchie est [EventTarget](https://dom.spec.whatwg.org/#eventtarget), hérité par [Node](http://dom.spec.whatwg.org/#interface-node), et d'autres nœuds DOM en héritent.
15-
=======
16-
The root of the hierarchy is [EventTarget](https://dom.spec.whatwg.org/#eventtarget), that is inherited by [Node](https://dom.spec.whatwg.org/#interface-node), and other DOM nodes inherit from it.
17-
>>>>>>> bf7d8bb1af3b416d393af1c15b03cb1352da1f9c
1814

1915
Voici l'image, les explications à suivre :
2016

2117
![](dom-class-hierarchy.svg)
2218

2319
Les classes sont :
2420

25-
<<<<<<< HEAD
26-
- [EventTarget](https://dom.spec.whatwg.org/#eventtarget) -- est la classe racine "abstraite". Les objets de cette classe ne sont jamais créés. Il sert de base, de sorte que tous les nœuds DOM prennent en charge les soi-disant "événements", nous les étudierons plus tard.
27-
- [Node](http://dom.spec.whatwg.org/#interface-node) -- est également une classe "abstraite", servant de base aux nœuds DOM. Elle fournit la fonctionnalité d'arborescence de base : `parentNode`, `nextSibling`, `childNodes` et ainsi de suite (ce sont des getters). Les objets de la classe `Node` ne sont jamais créés. Mais il existe des classes de nœuds concrets qui en héritent, à savoir: `Text` pour les nœuds texte, `Element` pour les nœuds élément et plus exotiques comme `Comment` pour les nœuds commentaire.
28-
- [Element](http://dom.spec.whatwg.org/#interface-element) -- est une classe de base pour les éléments DOM. Elle fournit une navigation au niveau des éléments comme `nextElementSibling`, `children` et des méthodes de recherche comme `getElementsByTagName`, `querySelector`. Un navigateur prend en charge non seulement HTML, mais aussi XML et SVG. La classe `Element` sert de base à des classes plus spécifiques : `SVGElement`, `XMLElement` et `HTMLElement`.
29-
- [HTMLElement](https://html.spec.whatwg.org/multipage/dom.html#htmlelement) -- est enfin la classe de base pour tous les éléments HTML. Elle est héritée d'éléments concrets HTML :
30-
- [HTMLInputElement](https://html.spec.whatwg.org/multipage/forms.html#htmlinputelement) -- la classe pour les éléments `<input>`,
31-
- [HTMLBodyElement](https://html.spec.whatwg.org/multipage/semantics.html#htmlbodyelement) -- la classe pour les éléments `<body>`,
32-
- [HTMLAnchorElement](https://html.spec.whatwg.org/multipage/semantics.html#htmlanchorelement) -- la classe pour les éléments `<a>`,
33-
- ...et ainsi de suite.
34-
=======
35-
- [EventTarget](https://dom.spec.whatwg.org/#eventtarget) -- is the root "abstract" class for everything.
21+
- [EventTarget](https://dom.spec.whatwg.org/#eventtarget) -- est la classe racine "abstraite" pour tout.
3622

37-
Objects of that class are never created. It serves as a base, so that all DOM nodes support so-called "events", we'll study them later.
23+
Les objets de cette classe ne sont jamais créés. Ils servent de base, afin que tous les nœuds DOM supportent les soi-disant "événements", nous les étudierons plus tard.
3824

39-
- [Node](https://dom.spec.whatwg.org/#interface-node) -- is also an "abstract" class, serving as a base for DOM nodes.
25+
- [Node](https://dom.spec.whatwg.org/#interface-node) -- est également une classe "abstraite", servant de base aux nœuds DOM.
4026

41-
It provides the core tree functionality: `parentNode`, `nextSibling`, `childNodes` and so on (they are getters). Objects of `Node` class are never created. But there are other classes that inherit from it (and so inherit the `Node` functionality).
27+
Elle fournit la fonctionnalité de l'arborescence de base : `parentNode`, `nextSibling`, `childNodes` et ainsi de suite (ce sont des getters). Les objets de la classe `Node` ne sont jamais créés. Mais il existe d'autres classes qui en héritent (et héritent donc de la fonctionnalité `Node`).
4228

43-
- [Document](https://dom.spec.whatwg.org/#interface-document), for historical reasons often inherited by `HTMLDocument` (though the latest spec doesn't dictate it) -- is a document as a whole.
29+
- [Document](https://dom.spec.whatwg.org/#interface-document), pour des raisons historiques souvent héritées par `HTMLDocument` (bien que la dernière spécification ne le dicte pas) -- est un document dans son ensemble.
4430

45-
The `document` global object belongs exactly to this class. It serves as an entry point to the DOM.
31+
L'objet global `document` appartient exactement à cette classe. Il sert de point d'entrée au DOM.
4632

47-
- [CharacterData](https://dom.spec.whatwg.org/#interface-characterdata) -- an "abstract" class, inherited by:
48-
- [Text](https://dom.spec.whatwg.org/#interface-text) -- the class corresponding to a text inside elements, e.g. `Hello` in `<p>Hello</p>`.
49-
- [Comment](https://dom.spec.whatwg.org/#interface-comment) -- the class for comments. They are not shown, but each comment becomes a member of DOM.
33+
- [CharacterData](https://dom.spec.whatwg.org/#interface-characterdata) -- une classe "abstraite", héritée par :
34+
- [Text](https://dom.spec.whatwg.org/#interface-text) -- la classe correspondant à un texte à l'intérieur des éléments, par ex. `Bonjour` dans `<p>Bonjour</p>`.
35+
- [Comment](https://dom.spec.whatwg.org/#interface-comment) -- la classe pour les commentaires. Ils ne sont pas affichés, mais chaque commentaire devient un membre du DOM.
5036

51-
- [Element](https://dom.spec.whatwg.org/#interface-element) -- is the base class for DOM elements.
37+
- [Element](https://dom.spec.whatwg.org/#interface-element) -- est la classe de base des éléments DOM.
5238

53-
It provides element-level navigation like `nextElementSibling`, `children` and searching methods like `getElementsByTagName`, `querySelector`.
39+
Elle fournit une navigation au niveau des éléments comme `nextElementSibling`, `children` et des méthodes de recherche comme `getElementsByTagName`, `querySelector`.
5440

55-
A browser supports not only HTML, but also XML and SVG. So the `Element` class serves as a base for more specific classes: `SVGElement`, `XMLElement` (we don't need them here) and `HTMLElement`.
41+
Un navigateur prend en charge non seulement HTML, mais également XML et SVG. Ainsi, la classe `Element` sert de base à des classes plus spécifiques : `SVGElement`, `XMLElement` (nous n'en avons pas besoin ici) et `HTMLElement`.
5642

57-
- Finally, [HTMLElement](https://html.spec.whatwg.org/multipage/dom.html#htmlelement) is the basic class for all HTML elements. We'll work with it most of the time.
43+
- Enfin, [HTMLElement](https://html.spec.whatwg.org/multipage/dom.html#htmlelement) est la classe de base pour tous les éléments HTML. Nous travaillerons avec lui la plupart du temps.
5844

59-
It is inherited by concrete HTML elements:
60-
- [HTMLInputElement](https://html.spec.whatwg.org/multipage/forms.html#htmlinputelement) -- the class for `<input>` elements,
61-
- [HTMLBodyElement](https://html.spec.whatwg.org/multipage/semantics.html#htmlbodyelement) -- the class for `<body>` elements,
62-
- [HTMLAnchorElement](https://html.spec.whatwg.org/multipage/semantics.html#htmlanchorelement) -- the class for `<a>` elements,
63-
- ...and so on.
64-
>>>>>>> bf7d8bb1af3b416d393af1c15b03cb1352da1f9c
45+
Elle est héritée par des éléments HTML concrets :
46+
- [HTMLInputElement](https://html.spec.whatwg.org/multipage/forms.html#htmlinputelement) -- la classe pour les éléments `<input>`,
47+
- [HTMLBodyElement](https://html.spec.whatwg.org/multipage/semantics.html#htmlbodyelement) -- la classe pour les éléments `<body>`,
48+
- [HTMLAnchorElement](https://html.spec.whatwg.org/multipage/semantics.html#htmlanchorelement) -- la classe pour les éléments `<a>`,
49+
- ...etc.
6550

6651
Il existe de nombreuses autres balises avec leurs propres classes qui peuvent avoir des propriétés et des méthodes spécifiques, tandis que certains éléments, tels que `<span>`, `<section>`, `<article>` n'ont pas de propriétés spécifiques, ce sont donc des instances de la classe `HTMLElement`.
6752

68-
<<<<<<< HEAD
69-
Ainsi, l'ensemble complet des propriétés et des méthodes d'un nœud donné est le résultat de l'héritage.
70-
=======
71-
So, the full set of properties and methods of a given node comes as the result of the chain of inheritance.
72-
>>>>>>> bf7d8bb1af3b416d393af1c15b03cb1352da1f9c
53+
Ainsi, l'ensemble complet des propriétés et des méthodes d'un nœud donné est le résultat de la chaîne de l'héritage.
7354

7455
Par exemple, considérons l'objet DOM pour un élément `<input>`. Il appartient à la classe [HTMLInputElement](https://html.spec.whatwg.org/multipage/forms.html#htmlinputelement).
7556

@@ -173,19 +154,11 @@ Par exemple :
173154
<script>
174155
let elem = document.body;
175156
176-
<<<<<<< HEAD
177-
// examinons ce que c'est ?
178-
alert(elem.nodeType); // 1 => élément
179-
180-
// and the first child is...
181-
alert(elem.firstChild.nodeType); // 3 => texte
182-
=======
183-
// let's examine: what type of node is in elem?
157+
// examinons ceci : quel type de nœud est dans elem ?
184158
alert(elem.nodeType); // 1 => element
185159
186-
// and its first child is...
160+
// et son premier enfant est...
187161
alert(elem.firstChild.nodeType); // 3 => text
188-
>>>>>>> bf7d8bb1af3b416d393af1c15b03cb1352da1f9c
189162
190163
// pour l'objet document, le type est 9
191164
alert( document.nodeType ); // 9

0 commit comments

Comments
 (0)