en.javascript.info/2-ui/1-document/05-basic-dom-node-properties/dom-class-hierarchy.svg
Ilya Kantor 9bfc8cfa9c minor
2019-08-11 14:24:31 +03:00

1 line
No EOL
5.9 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="478" height="364" viewBox="0 0 478 364"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="dom-class-hierarchy.svg"><path id="Rectangle-9" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M181 6h118v28H181z"/><path id="Rectangle-8" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M181 74h118v28H181z"/><text id="EventTarget" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="200.9" y="24">EventTarget</tspan></text><text id="Node" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="225.6" y="91">Node </tspan></text><path id="Line-2" fill="#EE6B47" fill-rule="nonzero" d="M241.5 53.5v17h-2v-17h-6l7-14 7 14h-6z"/><path id="Rectangle-8-Copy" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M181 144h118v28H181z"/><text id="Element" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="214.8" y="161">Element </tspan></text><path id="Line-2-Copy" fill="#EE6B47" fill-rule="nonzero" d="M241.5 123.5v17h-2v-17h-6l7-14 7 14h-6z"/><path id="Rectangle-8-Copy-4" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M181 230h118v28H181z"/><text id="HTMLElement" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="200.4" y="247">HTMLElement </tspan></text><path id="Line-2-Copy-4" fill="#EE6B47" fill-rule="nonzero" d="M241.5 209.5v17h-2v-17h-6l7-14 7 14h-6z"/><path id="Rectangle-8-Copy-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M171 300h138v28H171z"/><text id="HTMLBodyElement" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="186" y="317">HTMLBodyElement </tspan></text><path id="Line-2-Copy-6" fill="#EE6B47" fill-rule="nonzero" d="M241.5 279.5v17h-2v-17h-6l7-14 7 14h-6z"/><path id="Rectangle-8-Copy-7" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M12 300h138v28H12z"/><text id="HTMLInputElement" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="24.4" y="317">HTMLInputElement </tspan></text><path id="Line-2-Copy-7" fill="#EE6B47" fill-rule="nonzero" d="M159.563 270.385l-30.238 23.518-1.228-1.578 30.238-23.52-3.684-4.735L170 261l-6.753 14.12-3.684-4.735z"/><path id="Rectangle-8-Copy-8" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M332 300h138v28H332z"/><text id="HTMLAnchorElement" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="341.3" y="317">HTMLAnchorElement </tspan></text><path id="Line-2-Copy-8" fill="#EE6B47" fill-rule="nonzero" d="M317.085 268.762l21.327 23.816-1.49 1.334-21.327-23.816-4.47 4.003L307 259l14.554 5.76-4.47 4.002z"/><path id="Rectangle-8-Copy-2" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M45 126h118v28H45z"/><text id="Text" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="89.6" y="144">Text </tspan></text><path id="Line-2-Copy-2" fill="#EE6B47" fill-rule="nonzero" d="M160.673 105.505l-19.332 15.4-1.246-1.564 19.332-15.4-3.739-4.693L171 96l-6.589 14.198-3.738-4.693z"/><path id="Rectangle-8-Copy-3" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M315 126h118v28H315z"/><text id="Comment" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="348.8" y="144">Comment </tspan></text><path id="Line-2-Copy-3" fill="#EE6B47" fill-rule="nonzero" d="M318.638 103.846l19.766 15.483-1.233 1.575-19.766-15.484-3.7 4.724L307 96l15.338 3.123-3.7 4.723z"/><path id="Line-2-Copy-9" fill="#EE6B47" fill-rule="nonzero" d="M318.638 181.846l19.766 15.483-1.233 1.575-19.766-15.484-3.7 4.724L307 174l15.338 3.123-3.7 4.723z"/><path id="Rectangle-8-Copy-5" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M315 205h118v28H315z"/><text id="SVGElement" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="338" y="223">SVGElement </tspan></text><text id="&lt;div&gt;Text&lt;/div&gt;" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="48" y="171" fill="#8A704D">&lt;div&gt;</tspan> <tspan x="84" y="171" fill="#F5A623">Text</tspan> <tspan x="112.8" y="171" fill="#8A704D">&lt;/div&gt;</tspan></text><text id="&lt;input-type=&quot;…&quot;&gt;" fill="#F5A623" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="24.4" y="341">&lt;input type=&quot;&quot;&gt;</tspan></text><text id="&lt;body&gt;" fill="#F5A623" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="220.4" y="341">&lt;body&gt;</tspan></text><text id="&lt;a-href=&quot;…&quot;&gt;" fill="#F5A623" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="358.8" y="341">&lt;a href=&quot;&quot;&gt;</tspan></text><text id="&lt;div&gt;Text&lt;/div&gt;" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="189" y="188" fill="#8A704D">&lt;</tspan> <tspan x="196.2" y="188" fill="#F5A623">div</tspan> <tspan x="217.8" y="188" fill="#8A704D">&gt;</tspan> <tspan x="225" y="188" fill="#998364">Text</tspan> <tspan x="253.8" y="188" fill="#8A704D">&lt;/</tspan> <tspan x="268.2" y="188" fill="#F5A623">div</tspan> <tspan x="289.8" y="188" fill="#8A704D">&gt;</tspan></text><text id="&lt;!--comment--&gt;" fill="#F5A623" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="327.6" y="171">&lt;!--comment--&gt;</tspan></text></g></g></svg>