{"id":476958,"date":"2023-08-09T09:05:36","date_gmt":"2023-08-09T09:05:36","guid":{"rendered":""},"modified":"2023-09-05T11:13:45","modified_gmt":"2023-09-05T11:13:45","slug":"document-object-model-dom","status":"publish","type":"wiki","link":"https:\/\/oneproxy.pro\/ar\/wiki\/document-object-model-dom\/","title":{"rendered":"\u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM)"},"content":{"rendered":"<p>\u064a\u0639\u062f \u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM) \u0648\u0627\u062c\u0647\u0629 \u062d\u064a\u0648\u064a\u0629 \u062a\u0633\u0645\u062d \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0628\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u063a\u0627\u062a \u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u0646\u0635\u064a\u0629 \u0645\u062b\u0644 JavaScript. \u0648\u0647\u0648 \u064a\u0645\u062b\u0644 \u0639\u0631\u0636\u064b\u0627 \u0645\u0646\u0638\u0645\u064b\u0627 \u0648\u0647\u0631\u0645\u064a\u064b\u0627 \u0648\u0645\u0646\u0637\u0642\u064a\u064b\u0627 \u0644\u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0645\u0633\u062a\u0646\u062f \u0627\u0644\u0648\u064a\u0628\u060c \u0645\u062b\u0644 HTML \u0623\u0648 XML\u060c \u0643\u0628\u0646\u064a\u0629 \u062a\u0634\u0628\u0647 \u0627\u0644\u0634\u062c\u0631\u0629.<\/p>\n<h2>\u0646\u0634\u0623\u0629 \u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM)<\/h2>\n<p>\u0638\u0647\u0631 \u0645\u0641\u0647\u0648\u0645 DOM \u0644\u0623\u0648\u0644 \u0645\u0631\u0629 \u0641\u064a \u0645\u0646\u062a\u0635\u0641 \u0648\u0623\u0648\u0627\u062e\u0631 \u0627\u0644\u062a\u0633\u0639\u064a\u0646\u0627\u062a \u0646\u062a\u064a\u062c\u0629 \u0644\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0627\u0644\u0633\u0645\u0627\u062d \u0628\u0645\u0632\u064a\u062f \u0645\u0646 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a. \u0645\u0639 \u0638\u0647\u0648\u0631 \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0627\u0633\u0639 \u0627\u0644\u0646\u0637\u0627\u0642 \u0644\u062c\u0627\u0641\u0627 \u0633\u0643\u0631\u064a\u0628\u062a\u060c \u0643\u0627\u0646\u062a \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0646\u0645\u0648\u0630\u062c \u064a\u0633\u0645\u062d \u0644\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629 \u0628\u062a\u063a\u064a\u064a\u0631 \u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0648\u0646\u0645\u0637\u0647 \u0648\u0645\u062d\u062a\u0648\u0627\u0647. \u062a\u0648\u0644\u0649 \u0627\u062a\u062d\u0627\u062f \u0634\u0628\u0643\u0629 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 (W3C) \u0645\u0647\u0645\u0629 \u0625\u0646\u0634\u0627\u0621 \u0648\u0627\u062c\u0647\u0629 \u0628\u0631\u0645\u062c\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u0648\u062d\u062f\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u063a\u0631\u0636\u060c \u0645\u0645\u0627 \u0623\u062f\u0649 \u0625\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 DOM.<\/p>\n<p>\u062a\u0645 \u062a\u0642\u062f\u064a\u0645 \u0623\u0648\u0644 \u0645\u0633\u062a\u0648\u0649 DOM \u0642\u064a\u0627\u0633\u064a\u060c DOM Level 1\u060c \u0628\u0648\u0627\u0633\u0637\u0629 W3C \u0641\u064a \u0639\u0627\u0645 1998. \u0648\u0642\u062f \u0642\u062f\u0645 \u0646\u0645\u0648\u0630\u062c\u064b\u0627 \u0634\u0627\u0645\u0644\u0627\u064b \u0644\u0645\u0633\u062a\u0646\u062f HTML \u0623\u0648 XML \u0628\u0623\u0643\u0645\u0644\u0647\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0648\u0633\u0627\u0626\u0644 \u062a\u063a\u064a\u064a\u0631 \u0623\u064a \u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f.<\/p>\n<h2>\u062a\u0648\u0633\u064a\u0639 \u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM)<\/h2>\n<p>DOM \u0647\u0648 \u0641\u064a \u0627\u0644\u0623\u0633\u0627\u0633 \u0646\u0638\u0627\u0645 \u0623\u0633\u0627\u0633\u064a \u0648\u0648\u0627\u062c\u0647\u0629 \u0645\u062d\u0627\u064a\u062f\u0629 \u0644\u0644\u063a\u0629 \u062a\u0633\u0645\u062d \u0644\u0644\u0628\u0631\u0627\u0645\u062c \u0648\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0646\u0635\u064a\u0629 \u0628\u0627\u0644\u0648\u0635\u0648\u0644 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u064b\u0627 \u0625\u0644\u0649 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0648\u0628\u0646\u064a\u062a\u0647 \u0648\u0646\u0645\u0637\u0647 \u0648\u062a\u062d\u062f\u064a\u062b\u0647.<\/p>\n<p>\u064a\u062a\u0645 \u062a\u0646\u0638\u064a\u0645 DOM \u0641\u064a \u062a\u0633\u0644\u0633\u0644 \u0647\u0631\u0645\u064a \u0645\u0646 \u0627\u0644\u0639\u0642\u062f\u060c \u062a\u0645\u062b\u0644 \u0643\u0644 \u0645\u0646\u0647\u0627 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u060c \u0645\u062b\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0648\u0627\u0644\u0633\u0645\u0627\u062a \u0648\u0627\u0644\u0646\u0635. \u062a\u0633\u0647\u0644 \u0628\u0646\u064a\u0629 \u0627\u0644\u0634\u062c\u0631\u0629 \u0627\u0644\u0645\u0646\u0637\u0642\u064a\u0629 \u0647\u0630\u0647 \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0648\u0645\u0639\u0627\u0644\u062c\u062a\u0647\u0627.<\/p>\n<p>\u064a\u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0645\u0633\u062a\u0646\u062f \u0627\u0644\u0648\u064a\u0628 \u0639\u0644\u0649 \u0634\u0643\u0644 \u0634\u062c\u0631\u0629 \u0645\u0646 \u0627\u0644\u0643\u0627\u0626\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062a\u0645\u062a\u0639 \u062c\u0645\u064a\u0639\u0647\u0627 \u0628\u062e\u0635\u0627\u0626\u0635 \u0648\u0637\u0631\u0642\u060c \u0648\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0643\u0627\u0626\u0646\u0627\u062a \u0623\u062e\u0631\u0649. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644 \u0645\u0633\u062a\u0646\u062f HTML \u0625\u0644\u0649 \u0643\u0627\u0626\u0646\u0627\u062a \u062a\u0645\u062b\u0644 \u0639\u0646\u0627\u0635\u0631 \u0645\u062b\u0644 &quot;body&quot; \u0648&quot;div&quot; \u0648&quot;span&quot; \u0648&quot;p&quot;\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0633\u0645\u0627\u062a\u0647\u0627 \u0648\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635 \u0627\u0644\u062e\u0627\u0635 \u0628\u0647\u0627.<\/p>\n<h2>\u0643\u064a\u0641 \u064a\u0639\u0645\u0644 \u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM).<\/h2>\n<p>\u064a\u062a\u0645 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0644\u0640 DOM \u0639\u0644\u0649 \u0634\u0643\u0644 \u0634\u062c\u0631\u0629 \u0645\u0646 \u0627\u0644\u0639\u0642\u062f. \u0627\u0644\u0639\u0642\u062f\u0629 \u0627\u0644\u0639\u0644\u064a\u0627 \u0647\u064a <code data-no-translation=\"\">Document<\/code> \u0627\u0644\u0639\u0642\u062f\u0629\u060c \u0627\u0644\u062a\u064a \u062a\u0645\u062b\u0644 \u0627\u0644\u0648\u062b\u064a\u0642\u0629 \u0628\u0623\u0643\u0645\u0644\u0647\u0627. \u0648\u062a\u062d\u062a \u0647\u0630\u0627\u060c <code data-no-translation=\"\">Element<\/code> \u062a\u062a\u0648\u0627\u0641\u0642 \u0627\u0644\u0639\u0642\u062f \u0645\u0639 \u0639\u0646\u0627\u0635\u0631 HTML \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629\u060c <code data-no-translation=\"\">Attribute<\/code> \u0627\u0644\u0639\u0642\u062f \u062a\u062d\u0645\u0644 \u0633\u0645\u0627\u062a \u0627\u0644\u0639\u0646\u0627\u0635\u0631\u060c \u0648 <code data-no-translation=\"\">Text<\/code> \u0627\u0644\u0639\u0642\u062f \u062a\u062d\u0645\u0644 \u0645\u062d\u062a\u0648\u0649 \u0646\u0635 \u0627\u0644\u0639\u0646\u0627\u0635\u0631.<\/p>\n<p>\u064a\u0633\u0645\u062d \u0647\u0630\u0627 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0647\u0631\u0645\u064a \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0628\u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a \u0634\u062c\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0633\u0627\u0644\u064a\u0628 API \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0642\u062f \u0623\u0648 \u0625\u0646\u0634\u0627\u0626\u0647\u0627 \u0623\u0648 \u062a\u0639\u062f\u064a\u0644\u0647\u0627 \u0623\u0648 \u062d\u0630\u0641\u0647\u0627.<\/p>\n<p>\u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0645\u062b\u0627\u0644 \u0644\u0643\u064a\u0641\u064a\u0629 \u0638\u0647\u0648\u0631 \u0645\u0633\u062a\u0646\u062f HTML \u0643\u0634\u062c\u0631\u0629 DOM:<\/p>\n<pre><div class=\"bg-black rounded-md mb-4\"><div class=\"flex items-center relative text-gray-200 bg-gray-800 px-4 py-2 text-xs font-sans justify-between rounded-t-md\"><span>\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0627\u062a<\/span><button class=\"flex ml-auto gap-2\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewbox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4\" height=\"1em\" width=\"1em\" ><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"><\/rect><\/svg>\u0631\u0645\u0632 \u0627\u0644\u0646\u0633\u062e<\/button><\/div><div class=\"p-4 overflow-y-auto\"><code class=\"!whitespace-pre hljs language-mathematica\" data-no-translation=\"\"><span class=\"hljs-variable\">Document<\/span>\n    \u21b3 <span class=\"hljs-built_in\">Element<\/span><span class=\"hljs-operator\">:<\/span> <span class=\"hljs-variable\">html<\/span>\n        \u21b3 <span class=\"hljs-built_in\">Element<\/span><span class=\"hljs-operator\">:<\/span> <span class=\"hljs-variable\">head<\/span>\n            \u21b3 <span class=\"hljs-built_in\">Element<\/span><span class=\"hljs-operator\">:<\/span> <span class=\"hljs-variable\">title<\/span>\n                \u21b3 <span class=\"hljs-built_in\">Text<\/span><span class=\"hljs-operator\">:<\/span> <span class=\"hljs-string\">\"Title of the Document\"<\/span>\n        \u21b3 <span class=\"hljs-built_in\">Element<\/span><span class=\"hljs-operator\">:<\/span> <span class=\"hljs-variable\">body<\/span>\n            \u21b3 <span class=\"hljs-built_in\">Element<\/span><span class=\"hljs-operator\">:<\/span> <span class=\"hljs-variable\">h1<\/span>\n                \u21b3 <span class=\"hljs-built_in\">Text<\/span><span class=\"hljs-operator\">:<\/span> <span class=\"hljs-string\">\"Hello, world!\"<\/span>\n            \u21b3 <span class=\"hljs-built_in\">Element<\/span><span class=\"hljs-operator\">:<\/span> <span class=\"hljs-variable\">p<\/span>\n                \u21b3 <span class=\"hljs-built_in\">Text<\/span><span class=\"hljs-operator\">:<\/span> <span class=\"hljs-string\">\"This is a paragraph.\"<\/span>\n<\/code><\/div><\/div><\/pre>\n<h2>\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM)<\/h2>\n<ol>\n<li>\n<p><strong>\u0647\u064a\u0643\u0644 \u0627\u0644\u0634\u062c\u0631\u0629<\/strong>: \u064a\u0645\u062b\u0644 DOM \u0645\u0633\u062a\u0646\u062f\u064b\u0627 \u0641\u064a \u0628\u0646\u064a\u0629 \u0634\u062c\u0631\u0629 \u0645\u0646\u0637\u0642\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u062a\u0646\u0642\u0644 \u0648\u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0623\u0645\u0631\u064b\u0627 \u0645\u0628\u0627\u0634\u0631\u064b\u0627 \u0648\u0628\u062f\u064a\u0647\u064a\u064b\u0627.<\/p>\n<\/li>\n<li>\n<p><strong>\u0644\u063a\u0629 \u0645\u062d\u0627\u064a\u062f\u0629<\/strong>: DOM \u063a\u064a\u0631 \u0645\u0631\u062a\u0628\u0637 \u0628\u0623\u064a \u0644\u063a\u0629 \u0628\u0631\u0645\u062c\u0629 \u0645\u0639\u064a\u0646\u0629. \u0625\u0646\u0647 \u062a\u0642\u0644\u064a\u062f \u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0643\u0627\u0626\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639\u0647\u0627 \u0641\u064a HTML \u0648XML \u0648\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649.<\/p>\n<\/li>\n<li>\n<p><strong>\u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u062b<\/strong>: \u064a\u0633\u0645\u062d DOM \u0644\u0644\u0628\u0631\u0627\u0645\u062c \u0628\u0627\u0644\u0648\u0635\u0648\u0644 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u064b\u0627 \u0625\u0644\u0649 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0648\u0628\u0646\u064a\u062a\u0647 \u0648\u0646\u0645\u0637\u0647 \u0648\u062a\u062d\u062f\u064a\u062b\u0647.<\/p>\n<\/li>\n<li>\n<p><strong>\u0645\u0648\u062d\u062f\u0629<\/strong>: DOM \u0647\u0648 \u0645\u0639\u064a\u0627\u0631 W3C\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0642\u0628\u0648\u0644\u0647 \u0648\u062a\u0648\u0627\u0641\u0642\u0647 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0648\u0627\u0633\u0639 \u0639\u0628\u0631 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.<\/p>\n<\/li>\n<\/ol>\n<h2>\u0623\u0646\u0648\u0627\u0639 \u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM)<\/h2>\n<p>\u062a\u0646\u0642\u0633\u0645 \u0645\u0648\u0627\u0635\u0641\u0627\u062a DOM \u0625\u0644\u0649 \u0639\u062f\u0629 &quot;\u0645\u0633\u062a\u0648\u064a\u0627\u062a&quot; \u0648&quot;\u0648\u062d\u062f\u0627\u062a&quot;\u060c \u0643\u0644 \u0645\u0646\u0647\u0627 \u064a\u0636\u064a\u0641 \u0645\u064a\u0632\u0627\u062a \u0648\u0648\u0638\u0627\u0626\u0641 \u0625\u0644\u0649 \u0633\u0627\u0628\u0642\u062a\u0647\u0627. \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0627 \u064a\u0644\u064a:<\/p>\n<table>\n<thead>\n<tr>\n<th>\u0645\u0633\u062a\u0648\u0649\/\u0646\u0648\u0639 DOM<\/th>\n<th>\u0648\u0635\u0641 \u0645\u062e\u062a\u0635\u0631<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>\u062f\u0648\u0645 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 1<\/strong><\/td>\n<td>\u062a\u0648\u0641\u064a\u0631 \u0646\u0645\u0648\u0630\u062c \u0623\u0633\u0627\u0633\u064a \u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a HTML \u0623\u0648 XML \u0628\u0623\u0643\u0645\u0644\u0647\u0627\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0637\u0631\u0642 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0648\u0633\u0645\u0627\u062a\u0647\u0627.<\/td>\n<\/tr>\n<tr>\n<td><strong>\u062f\u0648\u0645 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 2<\/strong><\/td>\n<td>\u062a\u0645 \u062a\u0642\u062f\u064a\u0645 \u0645\u064a\u0632\u0627\u062a \u0645\u062b\u0644 \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0627\u0633\u0645\u060c \u0648\u0648\u062d\u062f\u0629 \u0627\u0644\u0646\u0645\u0637 \u0627\u0644\u062a\u064a \u062a\u062f\u0639\u0645 CSS\u060c \u0648\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0648\u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0648\u0645\u0627 \u0625\u0644\u0649 \u0630\u0644\u0643.<\/td>\n<\/tr>\n<tr>\n<td><strong>\u062f\u0648\u0645 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 3<\/strong><\/td>\n<td>\u062a\u0645\u062a \u0625\u0636\u0627\u0641\u0629 \u062f\u0639\u0645 \u0644\u0640 XPath \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0623\u062d\u062f\u0627\u062b \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0648\u0627\u062c\u0647\u0627\u062a \u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u062d\u0641\u0638\u0647\u0627.<\/td>\n<\/tr>\n<tr>\n<td><strong>\u062f\u0648\u0645 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 4<\/strong><\/td>\n<td>\u062a\u0645 \u062a\u0628\u0633\u064a\u0637 DOM \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0639\u0646 \u0637\u0631\u064a\u0642 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0628\u0639\u064a\u0627\u062a\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0648\u0639\u0648\u062f \u0644\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0645\u062a\u0632\u0627\u0645\u0646\u0629\u060c \u0648\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0645\u062b\u0644 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0623\u0628\u0648\u064a\u0629 \u0644\u062a\u0633\u0647\u064a\u0644 \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0639\u0642\u062f.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM)<\/h2>\n<p>\u064a\u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 DOM \u0641\u064a \u0643\u0644 \u0645\u0631\u0629 \u064a\u062a\u0645 \u0641\u064a\u0647\u0627 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 JavaScript. \u0625\u0646\u0647\u0627 \u0648\u0627\u062c\u0647\u0629 \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628.<\/p>\n<p>\u064a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0637\u0648\u0631\u0648\u0646 DOM \u0644\u062a\u063a\u064a\u064a\u0631 \u0634\u0643\u0644 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628 \u0648\u0645\u0638\u0647\u0631\u0647\u0627 \u0648\u0645\u062d\u062a\u0648\u0627\u0647\u0627 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u064b\u0627 \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0628\u0648\u0627\u062c\u0647\u0627\u062a \u0645\u0633\u062a\u062e\u062f\u0645 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629.<\/p>\n<p>\u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0642\u0648\u062a\u0647\u060c \u0625\u0644\u0627 \u0623\u0646 DOM \u0644\u0627 \u064a\u062e\u0644\u0648 \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0643\u0644. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0635\u0628\u062d \u0628\u0637\u064a\u0626\u064b\u0627 \u0625\u0630\u0627 \u0644\u0645 \u064a\u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0628\u0639\u0646\u0627\u064a\u0629\u060c \u062e\u0627\u0635\u0629 \u0645\u0639 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0623\u0648 \u0627\u0644\u0645\u0639\u0642\u062f\u0629. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0624\u062f\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 DOM \u0628\u0634\u0643\u0644 \u0633\u064a\u0626 \u0625\u0644\u0649 \u0628\u0637\u0621 \u0639\u0631\u0636 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0639\u062f\u0645 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0648\u0627\u062c\u0647\u0627\u062a. \u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\u060c \u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u064a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0637\u0648\u0631\u0648\u0646 \u0645\u0643\u062a\u0628\u0627\u062a \u0623\u0648 \u0623\u0637\u0631 \u0639\u0645\u0644 \u0645\u062b\u0644 jQuery \u0623\u0648 React \u0623\u0648 Vue.js\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u0648\u0641\u0631 \u0648\u0627\u062c\u0647\u0627\u062a \u0628\u0631\u0645\u062c\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0644\u0645\u0639\u0627\u0644\u062c\u0629 DOM \u0628\u0643\u0641\u0627\u0621\u0629.<\/p>\n<h2>\u062e\u0635\u0627\u0626\u0635 DOM \u0648\u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0645\u0639 \u0627\u0644\u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0627\u0644\u0645\u0645\u0627\u062b\u0644\u0629<\/h2>\n<table>\n<thead>\n<tr>\n<th>\u0634\u0631\u0637<\/th>\n<th>\u0648\u0635\u0641<\/th>\n<th>\u0645\u0642\u0627\u0631\u0646\u0629<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>DOM<\/strong><\/td>\n<td>\u0648\u0627\u062c\u0647\u0629 \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a (API) \u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a HTML \u0648XML\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u062a\u0645\u062b\u064a\u0644\u0627\u064b \u0647\u064a\u0643\u0644\u064a\u064b\u0627 \u0644\u0644\u0645\u0633\u062a\u0646\u062f \u0648\u064a\u0633\u0645\u062d \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0628\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u062d\u062a\u0648\u0627\u0647 \u0648\u0639\u0631\u0636\u0647 \u0627\u0644\u0645\u0631\u0626\u064a.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><strong>CSSOM<\/strong><\/td>\n<td>\u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 CSS (CSSOM) \u0639\u0628\u0627\u0631\u0629 \u0639\u0646 \u062e\u0631\u064a\u0637\u0629 \u0644\u0623\u0646\u0645\u0627\u0637 CSS\u060c \u062a\u0634\u0628\u0647 DOM \u0648\u0644\u0643\u0646\u0647\u0627 \u0645\u062e\u0635\u0635\u0629 \u0644\u0640 CSS. \u064a\u0633\u0645\u062d \u0628\u0645\u0639\u0627\u0644\u062c\u0629 \u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0648\u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u0637\u0628\u0642\u0629 \u0639\u0644\u0649 DOM.<\/td>\n<td>\u0628\u064a\u0646\u0645\u0627 \u064a\u0631\u0643\u0632 DOM \u0639\u0644\u0649 \u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u060c \u064a\u0631\u0643\u0632 CSSOM \u0639\u0644\u0649 \u0637\u0628\u0642\u0629 \u0627\u0644\u0639\u0631\u0636.<\/td>\n<\/tr>\n<tr>\n<td><strong>\u0627\u0644\u0638\u0644 \u062f\u0648\u0645<\/strong><\/td>\n<td>\u0622\u0644\u064a\u0629 \u0644\u062a\u063a\u0644\u064a\u0641 \u0623\u062c\u0632\u0627\u0621 \u0645\u0646 \u0634\u062c\u0631\u0629 DOM \u0644\u062a\u0646\u0641\u064a\u0630 \u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0648\u064a\u0628. \u0641\u0647\u0648 \u064a\u0639\u0632\u0644 \u0623\u062c\u0632\u0627\u0621 \u0645\u0646 DOM &quot;\u0644\u0625\u062e\u0641\u0627\u0626\u0647\u0627&quot; \u0639\u0646 \u0634\u062c\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629.<\/td>\n<td>\u0639\u0644\u0649 \u0639\u0643\u0633 DOM \u0627\u0644\u0639\u0627\u062f\u064a\u060c \u064a\u0648\u0641\u0631 Shadow DOM \u062a\u063a\u0644\u064a\u0641\u064b\u0627 \u0644\u0644\u0623\u0633\u0644\u0648\u0628 \u0648\u0627\u0644\u0633\u0644\u0648\u0643.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>\u0648\u062c\u0647\u0627\u062a \u0627\u0644\u0646\u0638\u0631 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM)<\/h2>\n<p>\u0645\u0639 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u062a\u0637\u0648\u0631 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628\u060c \u0645\u0646 \u0627\u0644\u0645\u0631\u062c\u062d \u0623\u064a\u0636\u064b\u0627 \u0623\u0646 \u062a\u062a\u0648\u0633\u0639 \u0648\u0627\u062c\u0647\u0629 DOM API \u0648\u062a\u062a\u062d\u0633\u0646. \u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0637\u0631\u0642\u064b\u0627 \u0623\u0643\u062b\u0631 \u0643\u0641\u0627\u0621\u0629 \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 DOM\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0646\u0627\u0634\u0626\u0629\u060c \u0648\u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a HTML \u0646\u0641\u0633\u0647\u0627.<\/p>\n<p>\u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0627\u0644\u0645\u062b\u064a\u0631 \u0644\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0647\u0648 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0645\u062a\u0632\u0627\u064a\u062f \u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0648\u064a\u0628\u060c \u0648\u0627\u0644\u0630\u064a \u064a\u0633\u0645\u062d \u0628\u0625\u0646\u0634\u0627\u0621 \u0639\u0644\u0627\u0645\u0627\u062a HTML \u0645\u063a\u0644\u0641\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645. \u0648\u064a\u0631\u062a\u0628\u0637 \u0647\u0630\u0627 \u0627\u0631\u062a\u0628\u0627\u0637\u064b\u0627 \u0648\u062b\u064a\u0642\u064b\u0627 \u0628\u0640 Shadow DOM\u060c \u0627\u0644\u0630\u064a \u064a\u0648\u0641\u0631 \u0637\u0631\u064a\u0642\u0629 \u0644\u062a\u063a\u0644\u064a\u0641 \u0639\u0646\u0627\u0635\u0631 DOM.<\/p>\n<h2>\u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM) \u0648\u0627\u0644\u062e\u0648\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644\u0629<\/h2>\n<p>\u0627\u0644\u062e\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644 \u0647\u0648 \u0648\u0633\u064a\u0637 \u064a\u0642\u0648\u0645 \u0628\u0625\u0639\u0627\u062f\u0629 \u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0627\u0644\u062e\u0627\u062f\u0645. \u0641\u064a \u062d\u064a\u0646 \u0623\u0646 DOM \u064a\u0647\u062a\u0645 \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0645 \u0627\u0644\u0623\u0648\u0644 \u0628\u0628\u0646\u064a\u0629 \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0645\u0646 \u062c\u0627\u0646\u0628 \u0627\u0644\u0639\u0645\u064a\u0644\u060c \u0641\u0625\u0646 \u062e\u0648\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644 \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0634\u0628\u0643\u0629.<\/p>\n<p>\u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u064a\u0645\u0643\u0646 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0627\u0644\u062a\u0642\u0627\u0637\u0639 \u0628\u064a\u0646 \u0627\u0644\u0627\u062b\u0646\u064a\u0646 \u0641\u064a \u0627\u0644\u0633\u064a\u0646\u0627\u0631\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u062a\u064a \u0642\u062f \u064a\u0642\u0648\u0645 \u0641\u064a\u0647\u0627 \u0627\u0644\u062e\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644 \u0628\u062a\u0639\u062f\u064a\u0644 \u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0645\u0633\u062a\u0646\u062f \u0627\u0644\u0648\u064a\u0628. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u062e\u0627\u062f\u0645 \u0627\u0644\u0648\u0643\u064a\u0644 \u0625\u0636\u0627\u0641\u0629 \u0639\u0646\u0627\u0635\u0631 DOM \u0623\u0648 \u0625\u0632\u0627\u0644\u062a\u0647\u0627 \u0623\u0648 \u062a\u0639\u062f\u064a\u0644\u0647\u0627 \u0641\u064a \u0635\u0641\u062d\u0629 \u0648\u064a\u0628 \u0642\u0628\u0644 \u0623\u0646 \u064a\u0635\u0644 \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u064a\u0644. \u0648\u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0630\u0644\u0643 \u0644\u0639\u062f\u0629 \u0623\u0633\u0628\u0627\u0628\u060c \u0645\u062b\u0644 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0646\u0635\u064a\u0629\u060c \u0623\u0648 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u063a\u064a\u0631 \u0627\u0644\u0645\u0631\u063a\u0648\u0628 \u0641\u064a\u0647\u0627\u060c \u0623\u0648 \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0623\u0648 \u0627\u0644\u062a\u062e\u0635\u064a\u0635.<\/p>\n<h2>\u0631\u0648\u0627\u0628\u0637 \u0630\u0627\u062a \u0639\u0644\u0627\u0642\u0629<\/h2>\n<ul>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document_Object_Model\/Introduction\" target=\"_new\" rel=\"noopener nofollow\">MDN Web Docs: \u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM)<\/a><\/li>\n<li><a href=\"https:\/\/dom.spec.whatwg.org\/\" target=\"_new\" rel=\"noopener nofollow\">\u0645\u0639\u064a\u0627\u0631 W3C \u062f\u0648\u0645<\/a><\/li>\n<li><a href=\"https:\/\/javascript.info\/dom\" target=\"_new\" rel=\"noopener nofollow\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062c\u0627\u0641\u0627 \u0633\u0643\u0631\u064a\u0628\u062a: DOM<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/updates\/2018\/09\/inside-browser-part1\" target=\"_new\" rel=\"noopener nofollow\">\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0645\u0646 Google: \u0643\u064a\u0641 \u062a\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a<\/a><\/li>\n<\/ul>\n<p>\u064a\u062c\u0628 \u0623\u0646 \u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u0646\u0638\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0641\u0647\u0645\u064b\u0627 \u0634\u0627\u0645\u0644\u0627\u064b \u0644\u0646\u0645\u0648\u0630\u062c \u0643\u0627\u0626\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f (DOM) \u0648\u0623\u0635\u0644\u0647 \u0648\u0643\u064a\u0641\u064a\u0629 \u0639\u0645\u0644\u0647 \u0648\u062e\u0635\u0627\u0626\u0635\u0647 \u0648\u0643\u064a\u0641 \u0645\u0646 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0623\u0646 \u064a\u062a\u0637\u0648\u0631. \u064a\u0638\u0644 DOM \u062d\u062c\u0631 \u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0648\u0633\u064a\u0633\u062a\u0645\u0631 \u0641\u064a \u0644\u0639\u0628 \u062f\u0648\u0631 \u062d\u0627\u0633\u0645 \u0645\u0639 \u062a\u0642\u062f\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628.<\/p>","protected":false},"featured_media":468251,"menu_order":0,"template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"class_list":["post-476958","wiki","type-wiki","status-publish","has-post-thumbnail","hentry"],"acf":{"faq_title":"Frequently Asked Questions about <mark>Document Object Model (DOM): A Comprehensive Overview<\/mark>","faq_items":[{"question":"What is the Document Object Model (DOM)?","answer":"<p>The Document Object Model (DOM) is an interface that allows developers to interact with web documents using scripting languages like JavaScript. It represents the contents of a web document, such as HTML or XML, in a structured, hierarchical, and logical tree-like structure.<\/p>"},{"question":"When was the Document Object Model (DOM) first introduced?","answer":"<p>The concept of the DOM came into existence in the mid-to-late 1990s, with the World Wide Web Consortium (W3C) introducing the first standard DOM level, DOM Level 1, in 1998.<\/p>"},{"question":"How does the Document Object Model (DOM) work?","answer":"<p>The DOM works by representing a web document in a tree-like structure, with the topmost node being the <code>Document<\/code> node, representing the entire document. Below this, there are <code>Element<\/code> nodes, <code>Attribute<\/code> nodes, and <code>Text<\/code> nodes, each representing elements, attributes, and text within the document. This structure allows developers to navigate the document tree and use API methods to select, create, modify, or delete nodes.<\/p>"},{"question":"What are the key features of the Document Object Model (DOM)?","answer":"<p>The key features of the DOM include its tree-like structure, making it easy to navigate and manipulate; its language-neutrality, making it compatible with any programming language; its dynamic access and update capabilities; and its status as a W3C standard, ensuring widespread acceptance and compatibility.<\/p>"},{"question":"Are there different types of Document Object Model (DOM)?","answer":"<p>Yes, the DOM specification is divided into several \"levels\" and \"modules\", each adding features and functionality to the previous ones. These include DOM Level 1, DOM Level 2, DOM Level 3, and DOM Level 4.<\/p>"},{"question":"How is the Document Object Model (DOM) used?","answer":"<p>The DOM is used to dynamically change the look, feel, and content of a web page without requiring a full page reload. This makes for interactive and responsive user interfaces. However, the DOM can become slow if not used carefully, especially with large or complex web documents.<\/p>"},{"question":"How does the Document Object Model (DOM) relate to proxy servers?","answer":"<p>While the DOM is primarily concerned with the structure and manipulation of web documents on the client-side, proxy servers operate at the network level. However, they intersect when a proxy server modifies the contents of a web document before it reaches the client, such as injecting scripts, removing unwanted elements, or modifying content for localization or customization purposes.<\/p>"},{"question":"What are the future perspectives related to the Document Object Model (DOM)?","answer":"<p>The DOM API is likely to expand and improve as web technologies continue to evolve. Potential future developments include more efficient methods of manipulating the DOM, improved integration with emerging web standards, and the ongoing evolution of the HTML specification itself.<\/p>"}]},"_links":{"self":[{"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/wiki\/476958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/wiki"}],"about":[{"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/types\/wiki"}],"version-history":[{"count":0,"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/wiki\/476958\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/media\/468251"}],"wp:attachment":[{"href":"https:\/\/oneproxy.pro\/ar\/wp-json\/wp\/v2\/media?parent=476958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}