{"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\/ir\/wiki\/document-object-model-dom\/","title":{"rendered":"\u0645\u062f\u0644 \u0634\u06cc\u0621 \u0633\u0646\u062f (DOM)"},"content":{"rendered":"<p>Document Object Model (DOM) \u06cc\u06a9 \u0631\u0627\u0628\u0637 \u062d\u06cc\u0627\u062a\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0632\u0628\u0627\u0646 \u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0645\u0627\u0646\u0646\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0627 \u0627\u0633\u0646\u0627\u062f \u0648\u0628 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f. \u0627\u06cc\u0646 \u06cc\u06a9 \u0646\u0645\u0627\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u06cc\u0627\u0641\u062a\u0647\u060c \u0633\u0644\u0633\u0644\u0647 \u0645\u0631\u0627\u062a\u0628\u06cc \u0648 \u0645\u0646\u0637\u0642\u06cc \u0627\u0632 \u0645\u062d\u062a\u0648\u0627\u06cc \u06cc\u06a9 \u0633\u0646\u062f \u0648\u0628\u060c \u0645\u0627\u0646\u0646\u062f HTML \u06cc\u0627 XML\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631\u062e\u062a \u0645\u0627\u0646\u0646\u062f \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<h2>\u067e\u06cc\u062f\u0627\u06cc\u0634 \u0645\u062f\u0644 \u0634\u06cc\u0621 \u0633\u0646\u062f (DOM)<\/h2>\n<p>\u0645\u0641\u0647\u0648\u0645 DOM \u0628\u0631\u0627\u06cc \u0627\u0648\u0644\u06cc\u0646 \u0628\u0627\u0631 \u062f\u0631 \u0627\u0648\u0627\u0633\u0637 \u062a\u0627 \u0627\u0648\u0627\u062e\u0631 \u062f\u0647\u0647 1990 \u062f\u0631 \u0646\u062a\u06cc\u062c\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u062c\u0627\u0632\u0647 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0648\u0628 \u0628\u06cc\u0634\u062a\u0631 \u0645\u0637\u0631\u062d \u0634\u062f. \u0628\u0627 \u0638\u0647\u0648\u0631 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u067e\u0648\u06cc\u0627 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06af\u0633\u062a\u0631\u062f\u0647 \u0627\u0632 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0645\u062f\u0644\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a \u06a9\u0647 \u0628\u0647 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0627\u062f \u0633\u0627\u062e\u062a\u0627\u0631\u060c \u0633\u0628\u06a9 \u0648 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u0646\u062f. \u06a9\u0646\u0633\u0631\u0633\u06cc\u0648\u0645 \u0648\u0628 \u062c\u0647\u0627\u0646\u06cc (W3C) \u0648\u0638\u06cc\u0641\u0647 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 API \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0646\u0638\u0648\u0631 \u0631\u0627 \u0628\u0631 \u0639\u0647\u062f\u0647 \u06af\u0631\u0641\u062a \u06a9\u0647 \u062f\u0631 \u0646\u062a\u06cc\u062c\u0647 \u062a\u0648\u0633\u0639\u0647 DOM \u0627\u0646\u062c\u0627\u0645 \u0634\u062f.<\/p>\n<p>\u0627\u0648\u0644\u06cc\u0646 \u0633\u0637\u062d \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f DOM\u060c DOM Level 1\u060c \u062a\u0648\u0633\u0637 W3C \u062f\u0631 \u0633\u0627\u0644 1998 \u0645\u0639\u0631\u0641\u06cc \u0634\u062f. \u0627\u06cc\u0646 \u06cc\u06a9 \u0645\u062f\u0644 \u062c\u0627\u0645\u0639 \u0628\u0631\u0627\u06cc \u06a9\u0644 \u0633\u0646\u062f HTML \u06cc\u0627 XML\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0647\u0631 \u0628\u062e\u0634\u06cc \u0627\u0632 \u0633\u0646\u062f \u0627\u0631\u0627\u0626\u0647 \u06a9\u0631\u062f.<\/p>\n<h2>\u06af\u0633\u062a\u0631\u0634 \u0645\u062f\u0644 \u0634\u06cc\u0621 \u0633\u0646\u062f (DOM)<\/h2>\n<p>DOM \u0627\u0633\u0627\u0633\u0627\u064b \u06cc\u06a9 \u0628\u0633\u062a\u0631 \u0648 \u0631\u0627\u0628\u0637 \u0632\u0628\u0627\u0646\u06cc \u062e\u0646\u062b\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u0648 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u200c\u0647\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u060c \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0633\u0628\u06a9 \u06cc\u06a9 \u0633\u0646\u062f \u062f\u0633\u062a\u0631\u0633\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0647 \u0648 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n<p>DOM \u062f\u0631 \u0633\u0644\u0633\u0644\u0647 \u0645\u0631\u0627\u062a\u0628\u06cc \u0627\u0632 \u06af\u0631\u0647 \u0647\u0627 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0628\u062e\u0634\u06cc \u0627\u0632 \u0633\u0646\u062f \u0645\u0627\u0646\u0646\u062f \u0639\u0646\u0627\u0635\u0631\u060c \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0648 \u0645\u062a\u0646 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u0646\u062f. \u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631\u062e\u062a\u06cc \u0645\u0646\u0637\u0642\u06cc\u060c \u067e\u06cc\u0645\u0627\u06cc\u0634 \u0648 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u0645\u062d\u062a\u0648\u06cc\u0627\u062a \u0633\u0646\u062f \u0631\u0627 \u0622\u0633\u0627\u0646 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>\u06cc\u06a9 \u0633\u0646\u062f \u0648\u0628 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u062f\u0631\u062e\u062a\u06cc \u0627\u0632 \u0627\u0634\u06cc\u0627\u0621 \u0645\u062f\u0644\u200c\u0633\u0627\u0632\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0647\u0645\u06af\u06cc \u062f\u0627\u0631\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0648 \u0631\u0648\u0634\u200c\u0647\u0627 \u0647\u0633\u062a\u0646\u062f \u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0634\u0627\u0645\u0644 \u0627\u0634\u06cc\u0627\u0621 \u062f\u06cc\u06af\u0631\u06cc \u0628\u0627\u0634\u0646\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u06cc\u06a9 \u0633\u0646\u062f HTML \u0628\u0647 \u0627\u0634\u06cc\u0627\u06cc\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u0634\u0648\u062f \u06a9\u0647 \u0639\u0646\u0627\u0635\u0631\u06cc \u0645\u0627\u0646\u0646\u062f &quot;body&quot;\u060c &quot;div&quot;\u060c &quot;span&quot; \u0648 &quot;p&quot; \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u062a\u0646 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<h2>\u0686\u06af\u0648\u0646\u0647 \u0645\u062f\u0644 \u0634\u06cc\u0621 \u0633\u0646\u062f (DOM) \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f<\/h2>\n<p>\u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0627\u062e\u0644\u06cc DOM \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0631\u062e\u062a\u06cc \u0627\u0632 \u06af\u0631\u0647 \u0647\u0627 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a. \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u06af\u0631\u0647 \u0627\u0633\u062a <code data-no-translation=\"\">Document<\/code> \u06af\u0631\u0647\u060c \u06a9\u0647 \u0646\u0645\u0627\u06cc\u0627\u0646\u06af\u0631 \u06a9\u0644 \u0633\u0646\u062f \u0627\u0633\u062a. \u062f\u0631 \u0632\u06cc\u0631 \u0627\u06cc\u0646\u060c <code data-no-translation=\"\">Element<\/code> \u06af\u0631\u0647 \u0647\u0627 \u0628\u0627 \u0639\u0646\u0627\u0635\u0631 HTML \u062f\u0631 \u0635\u0641\u062d\u0647 \u0645\u0637\u0627\u0628\u0642\u062a \u062f\u0627\u0631\u0646\u062f\u060c <code data-no-translation=\"\">Attribute<\/code> \u06af\u0631\u0647 \u0647\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u0648 \u0631\u0627 \u0646\u06af\u0647 \u0645\u06cc \u062f\u0627\u0631\u0646\u062f <code data-no-translation=\"\">Text<\/code> \u06af\u0631\u0647 \u0647\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u062a\u0646 \u0639\u0646\u0627\u0635\u0631 \u0631\u0627 \u0646\u06af\u0647 \u0645\u06cc \u062f\u0627\u0631\u0646\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0633\u0644\u0633\u0644\u0647 \u0645\u0631\u0627\u062a\u0628\u06cc \u0628\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u062f\u0631 \u062f\u0631\u062e\u062a \u0633\u0646\u062f \u062d\u0631\u06a9\u062a \u06a9\u0646\u0646\u062f \u0648 \u0627\u0632 \u0631\u0648\u0634 \u0647\u0627\u06cc API \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628\u060c \u0627\u06cc\u062c\u0627\u062f\u060c \u0627\u0635\u0644\u0627\u062d \u06cc\u0627 \u062d\u0630\u0641 \u06af\u0631\u0647 \u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f.<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u062b\u0627\u0644\u06cc \u0627\u0632 \u0646\u062d\u0648\u0647 \u0638\u0627\u0647\u0631 \u06cc\u06a9 \u0633\u0646\u062f HTML \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u062f\u0631\u062e\u062a DOM \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/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>\u0631\u06cc\u0627\u0636\u06cc\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>\u06a9\u062f \u0631\u0627 \u06a9\u067e\u06cc \u06a9\u0646\u06cc\u062f<\/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>\u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u0645\u062f\u0644 \u0634\u06cc \u0633\u0646\u062f (DOM)<\/h2>\n<ol>\n<li>\n<p><strong>\u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631\u062e\u062a\u06cc<\/strong>: DOM \u06cc\u06a9 \u0633\u0646\u062f \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631\u062e\u062a\u06cc \u0645\u0646\u0637\u0642\u06cc \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u067e\u06cc\u0645\u0627\u06cc\u0634\u060c \u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u0631\u0627 \u0633\u0627\u062f\u0647 \u0648 \u0634\u0647\u0648\u062f\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<\/li>\n<li>\n<p><strong>\u0632\u0628\u0627\u0646-\u062e\u0646\u062b\u06cc<\/strong>: DOM \u0628\u0647 \u0647\u06cc\u0686 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u062e\u0627\u0635\u06cc \u0648\u0627\u0628\u0633\u062a\u0647 \u0646\u06cc\u0633\u062a. \u0627\u06cc\u0646 \u06cc\u06a9 \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0648 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0627\u0634\u06cc\u0627\u0621 \u062f\u0631 HTML\u060c XML \u0648 \u0627\u0646\u0648\u0627\u0639 \u062f\u06cc\u06af\u0631 \u0627\u0633\u0646\u0627\u062f \u0627\u0633\u062a.<\/p>\n<\/li>\n<li>\n<p><strong>\u062f\u0633\u062a\u0631\u0633\u06cc \u067e\u0648\u06cc\u0627 \u0648 \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc<\/strong>: DOM \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u060c \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0633\u0628\u06a9 \u06cc\u06a9 \u0633\u0646\u062f \u062f\u0633\u062a\u0631\u0633\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0647 \u0648 \u0628\u0647 \u0631\u0648\u0632 \u06a9\u0646\u0646\u062f.<\/p>\n<\/li>\n<li>\n<p><strong>\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0634\u062f\u0647<\/strong>: DOM \u06cc\u06a9 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f W3C \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 \u067e\u0630\u06cc\u0631\u0634 \u0648 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u06af\u0633\u062a\u0631\u062f\u0647 \u0622\u0646 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0648 \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<\/li>\n<\/ol>\n<h2>\u0627\u0646\u0648\u0627\u0639 \u0645\u062f\u0644 \u0634\u06cc\u0621 \u0633\u0646\u062f (DOM)<\/h2>\n<p>\u0645\u0634\u062e\u0635\u0627\u062a DOM \u0628\u0647 \u0686\u0646\u062f\u06cc\u0646 \u00ab\u0633\u0637\u062d\u00bb \u0648 \u00ab\u0645\u0627\u0698\u0648\u0644\u00bb \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0647 \u0642\u0628\u0644\u06cc \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u0646\u0648\u0627\u0639 \u06a9\u0644\u06cc\u062f\u06cc \u0639\u0628\u0627\u0631\u062a\u0646\u062f \u0627\u0632:<\/p>\n<table>\n<thead>\n<tr>\n<th>\u0633\u0637\u062d\/\u0646\u0648\u0639 DOM<\/th>\n<th>\u062a\u0648\u0636\u06cc\u062d \u0645\u062e\u062a\u0635\u0631<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>DOM \u0633\u0637\u062d 1<\/strong><\/td>\n<td>\u0627\u0631\u0627\u0626\u0647 \u06cc\u06a9 \u0645\u062f\u0644 \u067e\u0627\u06cc\u0647 \u0628\u0631\u0627\u06cc \u06a9\u0644 \u0627\u0633\u0646\u0627\u062f HTML \u06cc\u0627 XML\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0631\u0648\u0634 \u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u0639\u0646\u0627\u0635\u0631 \u0648 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646\u0647\u0627.<\/td>\n<\/tr>\n<tr>\n<td><strong>DOM \u0633\u0637\u062d 2<\/strong><\/td>\n<td>\u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f \u0645\u062f\u06cc\u0631\u06cc\u062a \u0641\u0636\u0627\u06cc \u0646\u0627\u0645\u060c \u06cc\u06a9 \u0645\u0627\u0698\u0648\u0644 \u0633\u0628\u06a9 \u0628\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 CSS \u0648 \u0686\u0646\u062f\u06cc\u0646 \u0631\u0627\u0628\u0637 \u062c\u062f\u06cc\u062f \u0628\u0631\u0627\u06cc \u0645\u0642\u0627\u0628\u0644\u0647 \u0628\u0627 \u062c\u062f\u0627\u0648\u0644\u060c \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627 \u0648 \u063a\u06cc\u0631\u0647 \u0645\u0639\u0631\u0641\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a.<\/td>\n<\/tr>\n<tr>\n<td><strong>DOM \u0633\u0637\u062d 3<\/strong><\/td>\n<td>\u0627\u0636\u0627\u0641\u0647 \u0634\u062f\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 XPath \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u06a9\u0644\u06cc\u062f\u060c \u0631\u0627\u0628\u0637 \u0647\u0627\u06cc \u0645\u0639\u0631\u0641\u06cc \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0648 \u0630\u062e\u06cc\u0631\u0647 \u0627\u0633\u0646\u0627\u062f.<\/td>\n<\/tr>\n<tr>\n<td><strong>DOM \u0633\u0637\u062d 4<\/strong><\/td>\n<td>DOM \u0627\u0635\u0644\u06cc \u0631\u0627 \u0628\u0627 \u06a9\u0627\u0647\u0634 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc\u200c\u0647\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u060c \u0648\u0639\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06cc\u0627\u062a \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u0645\u0639\u0631\u0641\u06cc \u06a9\u0631\u062f \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u0645\u0627\u0646\u0646\u062f \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0648\u0627\u0644\u062f\u06cc\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u0622\u0633\u0627\u0646\u200c\u062a\u0631 \u06af\u0631\u0647 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u062f\u0644 \u0634\u06cc\u0621 \u0633\u0646\u062f (DOM)<\/h2>\n<p>DOM \u0647\u0631 \u0628\u0627\u0631 \u06a9\u0647 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u0645\u06cc \u0634\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f. \u0627\u06cc\u0646 API \u0627\u0633\u0627\u0633\u06cc \u0628\u0631\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0641\u0646\u0627\u0648\u0631\u06cc \u0647\u0627\u06cc \u0648\u0628 \u0627\u0633\u062a.<\/p>\n<p>\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u0632 DOM \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u067e\u0648\u06cc\u0627 \u0638\u0627\u0647\u0631\u060c \u0627\u062d\u0633\u0627\u0633 \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u062c\u062f\u062f \u06a9\u0627\u0645\u0644 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f \u0648 \u0628\u0647 \u0631\u0627\u0628\u0637 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u067e\u0627\u0633\u062e\u06af\u0648 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u0646\u062f.<\/p>\n<p>\u0639\u0644\u06cc\u0631\u063a\u0645 \u0642\u062f\u0631\u062a\u060c DOM \u0628\u062f\u0648\u0646 \u0645\u0634\u06a9\u0644 \u0646\u06cc\u0633\u062a. \u062f\u0631 \u0635\u0648\u0631\u062a \u0639\u062f\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0642\u06cc\u0642\u060c \u0628\u0647 \u062e\u0635\u0648\u0635 \u0628\u0627 \u0627\u0633\u0646\u0627\u062f \u0648\u0628 \u0628\u0632\u0631\u06af \u06cc\u0627 \u067e\u06cc\u0686\u06cc\u062f\u0647\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u06a9\u0646\u062f \u0634\u0648\u062f. \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc DOM \u0636\u0639\u06cc\u0641 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u0631\u0646\u062f\u0631 \u0635\u0641\u062d\u0647 \u06a9\u0646\u062f \u0648 \u0631\u0627\u0628\u0637 \u0647\u0627\u06cc \u067e\u0627\u0633\u062e\u06af\u0648 \u0646\u0628\u0627\u0634\u062f. \u0628\u0631\u0627\u06cc \u0631\u0641\u0639 \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644\u060c \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u063a\u0644\u0628 \u0627\u0632 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627 \u06cc\u0627 \u0686\u0627\u0631\u0686\u0648\u0628\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f jQuery\u060c React \u06cc\u0627 Vue.js \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u06a9\u0647 API\u0647\u0627\u06cc \u0633\u0637\u062d \u0628\u0627\u0644\u0627\u062a\u0631\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f DOM \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f.<\/p>\n<h2>\u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc DOM \u0648 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0628\u0627 \u0627\u0635\u0637\u0644\u0627\u062d\u0627\u062a \u0645\u0634\u0627\u0628\u0647<\/h2>\n<table>\n<thead>\n<tr>\n<th>\u0645\u062f\u062a\u060c \u0627\u0635\u0637\u0644\u0627\u062d<\/th>\n<th>\u0634\u0631\u062d<\/th>\n<th>\u0645\u0642\u0627\u06cc\u0633\u0647<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>DOM<\/strong><\/td>\n<td>\u06cc\u06a9 API \u0628\u0631\u0627\u06cc \u0627\u0633\u0646\u0627\u062f HTML \u0648 XML \u06a9\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0633\u0627\u062e\u062a\u0627\u0631\u06cc \u0633\u0646\u062f \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0628\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u0645\u062d\u062a\u0648\u0627 \u0648 \u0646\u0645\u0627\u06cc\u0634 \u0628\u0635\u0631\u06cc \u0622\u0646 \u0631\u0627 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u06a9\u0646\u0646\u062f.<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><strong>CSSOM<\/strong><\/td>\n<td>CSS Object Model (CSSOM) \u0646\u0642\u0634\u0647 \u0627\u06cc \u0627\u0632 \u0633\u0628\u06a9 \u0647\u0627\u06cc CSS\u060c \u0634\u0628\u06cc\u0647 \u0628\u0647 DOM \u0627\u0645\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0627\u0635 \u0628\u0631\u0627\u06cc CSS \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0634\u06cc\u0648\u0647 \u0646\u0627\u0645\u0647 \u0647\u0627 \u0648 \u0633\u0628\u06a9 \u0647\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u0634\u062f\u0647 \u062f\u0631 DOM \u0631\u0627 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/td>\n<td>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 DOM \u0628\u0631 \u0633\u0627\u062e\u062a\u0627\u0631 \u0633\u0646\u062f \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u062f\u060c CSSOM \u0628\u0631 \u0644\u0627\u06cc\u0647 \u0627\u0631\u0627\u0626\u0647 \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u062f.<\/td>\n<\/tr>\n<tr>\n<td><strong>\u0633\u0627\u06cc\u0647 DOM<\/strong><\/td>\n<td>\u0645\u06a9\u0627\u0646\u06cc\u0632\u0645\u06cc \u0628\u0631\u0627\u06cc \u0645\u062d\u0635\u0648\u0631 \u06a9\u0631\u062f\u0646 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc\u06cc \u0627\u0632 \u062f\u0631\u062e\u062a DOM \u0628\u0631\u0627\u06cc \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a\u200c\u0647\u0627\u06cc \u0648\u0628. \u0628\u062e\u0634 \u0647\u0627\u06cc\u06cc \u0627\u0632 DOM \u0631\u0627 \u062c\u062f\u0627 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0627\u0632 \u062f\u0631\u062e\u062a \u0633\u0646\u062f \u0627\u0635\u0644\u06cc &quot;\u067e\u0646\u0647\u0627\u0646 \u06a9\u0646\u062f&quot;.<\/td>\n<td>\u0628\u0631 \u062e\u0644\u0627\u0641 DOM \u0645\u0639\u0645\u0648\u0644\u06cc\u060c Shadow DOM \u06a9\u067e\u0633\u0648\u0644\u0647\u200c\u0633\u0627\u0632\u06cc \u0633\u0628\u06a9 \u0648 \u0631\u0641\u062a\u0627\u0631 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>\u0686\u0634\u0645 \u0627\u0646\u062f\u0627\u0632\u0647\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647 \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0645\u062f\u0644 \u0634\u06cc\u0621 \u0633\u0646\u062f (DOM)<\/h2>\n<p>\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc \u0647\u0627\u06cc \u0648\u0628 \u0628\u0647 \u062a\u06a9\u0627\u0645\u0644 \u062e\u0648\u062f \u0627\u062f\u0627\u0645\u0647 \u0645\u06cc \u062f\u0647\u0646\u062f\u060c DOM API \u0646\u06cc\u0632 \u0628\u0647 \u0627\u062d\u062a\u0645\u0627\u0644 \u0632\u06cc\u0627\u062f \u06af\u0633\u062a\u0631\u0634 \u06cc\u0627\u0641\u062a\u0647 \u0648 \u0628\u0647\u0628\u0648\u062f \u0645\u06cc \u06cc\u0627\u0628\u062f. \u067e\u06cc\u0634\u0631\u0641\u062a\u200c\u0647\u0627\u06cc \u0628\u0627\u0644\u0642\u0648\u0647 \u0622\u06cc\u0646\u062f\u0647 \u0634\u0627\u0645\u0644 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f\u062a\u0631 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc DOM\u060c \u0627\u062f\u063a\u0627\u0645 \u0628\u0647\u0628\u0648\u062f \u06cc\u0627\u0641\u062a\u0647 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0648\u0628 \u062f\u0631 \u062d\u0627\u0644 \u0638\u0647\u0648\u0631\u060c \u0648 \u062a\u06a9\u0627\u0645\u0644 \u0645\u062f\u0627\u0648\u0645 \u0645\u0634\u062e\u0635\u0627\u062a HTML \u0627\u0633\u062a.<\/p>\n<p>\u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647 \u062c\u0627\u0644\u0628 \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062c\u0627\u0645\u060c \u067e\u0630\u06cc\u0631\u0634 \u062a\u062f\u0631\u06cc\u062c\u06cc \u0645\u0624\u0644\u0641\u0647 \u0647\u0627\u06cc \u0648\u0628 \u0627\u0633\u062a \u06a9\u0647 \u0627\u0645\u06a9\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u062a\u06af \u0647\u0627\u06cc HTML \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u0648 \u0645\u062d\u0635\u0648\u0631 \u0634\u062f\u0647 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0627\u0631\u062a\u0628\u0627\u0637 \u0646\u0632\u062f\u06cc\u06a9\u06cc \u0628\u0627 Shadow DOM \u062f\u0627\u0631\u062f \u06a9\u0647 \u0631\u0648\u0634\u06cc \u0628\u0631\u0627\u06cc \u06a9\u067e\u0633\u0648\u0644\u0647 \u06a9\u0631\u062f\u0646 \u0639\u0646\u0627\u0635\u0631 DOM \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<h2>\u0645\u062f\u0644 \u0634\u06cc \u0633\u0646\u062f (DOM) \u0648 \u0633\u0631\u0648\u0631\u0647\u0627\u06cc \u067e\u0631\u0648\u06a9\u0633\u06cc<\/h2>\n<p>\u067e\u0631\u0648\u06a9\u0633\u06cc \u0633\u0631\u0648\u0631 \u0648\u0627\u0633\u0637\u0647 \u0627\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627 \u0648 \u067e\u0627\u0633\u062e \u0647\u0627 \u0631\u0627 \u0628\u06cc\u0646 \u0645\u0634\u062a\u0631\u06cc \u0648 \u0633\u0631\u0648\u0631 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 DOM \u0627\u0633\u0627\u0633\u0627\u064b \u0628\u0627 \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u0627\u0633\u0646\u0627\u062f \u0648\u0628 \u062f\u0631 \u0633\u0645\u062a \u0645\u0634\u062a\u0631\u06cc \u0633\u0631\u0648\u06a9\u0627\u0631 \u062f\u0627\u0631\u062f\u060c \u0633\u0631\u0648\u0631\u0647\u0627\u06cc \u067e\u0631\u0648\u06a9\u0633\u06cc \u062f\u0631 \u0633\u0637\u062d \u0634\u0628\u06a9\u0647 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/p>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u062a\u0642\u0627\u0637\u0639 \u0627\u06cc\u0646 \u062f\u0648 \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u062f\u0631 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc\u06cc \u06cc\u0627\u0641\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u06cc\u06a9 \u0633\u0631\u0648\u0631 \u067e\u0631\u0648\u06a9\u0633\u06cc \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0645\u062d\u062a\u0648\u06cc\u0627\u062a \u06cc\u06a9 \u0633\u0646\u062f \u0648\u0628 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u06cc\u06a9 \u0633\u0631\u0648\u0631 \u067e\u0631\u0648\u06a9\u0633\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0639\u0646\u0627\u0635\u0631 DOM \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0642\u0628\u0644 \u0627\u0632 \u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc \u0627\u0636\u0627\u0641\u0647\u060c \u062d\u0630\u0641 \u06cc\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u062f. \u0627\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062f\u0644\u0627\u06cc\u0644 \u0645\u062e\u062a\u0644\u0641\u06cc \u0645\u0627\u0646\u0646\u062f \u062a\u0632\u0631\u06cc\u0642 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0627\u060c \u062d\u0630\u0641 \u0639\u0646\u0627\u0635\u0631 \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647\u060c \u06cc\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u062d\u062a\u0648\u0627 \u0628\u0631\u0627\u06cc \u0627\u0647\u062f\u0627\u0641 \u0628\u0648\u0645\u06cc \u0633\u0627\u0632\u06cc \u06cc\u0627 \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f.<\/p>\n<h2>\u0644\u06cc\u0646\u06a9 \u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637\u0647<\/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: Document Object Model (DOM)<\/a><\/li>\n<li><a href=\"https:\/\/dom.spec.whatwg.org\/\" target=\"_new\" rel=\"noopener nofollow\">\u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f W3C DOM<\/a><\/li>\n<li><a href=\"https:\/\/javascript.info\/dom\" target=\"_new\" rel=\"noopener nofollow\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a: DOM<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/updates\/2018\/09\/inside-browser-part1\" target=\"_new\" rel=\"noopener nofollow\">\u0627\u0635\u0648\u0644 \u0648\u0628 \u06af\u0648\u06af\u0644: \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0686\u06af\u0648\u0646\u0647 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u0646\u062f<\/a><\/li>\n<\/ul>\n<p>\u0627\u06cc\u0646 \u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc \u0628\u0627\u06cc\u062f \u062f\u0631\u06a9 \u062c\u0627\u0645\u0639\u06cc \u0627\u0632 \u0645\u062f\u0644 \u0634\u06cc\u0621 \u0633\u0646\u062f (DOM)\u060c \u0645\u0646\u0634\u0623 \u0622\u0646\u060c \u0646\u062d\u0648\u0647 \u06a9\u0627\u0631\u06a9\u0631\u062f\u060c \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0622\u0646\u060c \u0648 \u0686\u06af\u0648\u0646\u06af\u06cc \u062a\u06a9\u0627\u0645\u0644 \u0622\u0646 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u062f. DOM \u0647\u0645\u0686\u0646\u0627\u0646 \u0633\u0646\u06af \u0628\u0646\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u062a\u0639\u0627\u0645\u0644\u06cc \u0627\u0633\u062a \u0648 \u0628\u0627 \u067e\u06cc\u0634\u0631\u0641\u062a \u0641\u0646\u0627\u0648\u0631\u06cc \u0647\u0627\u06cc \u0648\u0628 \u0646\u0642\u0634 \u0645\u0647\u0645\u06cc \u0631\u0627 \u0627\u06cc\u0641\u0627 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.<\/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\/ir\/wp-json\/wp\/v2\/wiki\/476958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneproxy.pro\/ir\/wp-json\/wp\/v2\/wiki"}],"about":[{"href":"https:\/\/oneproxy.pro\/ir\/wp-json\/wp\/v2\/types\/wiki"}],"version-history":[{"count":0,"href":"https:\/\/oneproxy.pro\/ir\/wp-json\/wp\/v2\/wiki\/476958\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oneproxy.pro\/ir\/wp-json\/wp\/v2\/media\/468251"}],"wp:attachment":[{"href":"https:\/\/oneproxy.pro\/ir\/wp-json\/wp\/v2\/media?parent=476958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}