{"id":31394,"date":"2023-07-05T11:53:12","date_gmt":"2023-07-05T07:23:12","guid":{"rendered":"https:\/\/wpadmin.maktabkhooneh.org\/mag\/?p=31394"},"modified":"2026-02-17T18:10:39","modified_gmt":"2026-02-17T14:40:39","slug":"innerhtml-in-javascript","status":"publish","type":"post","link":"https:\/\/maktabkhooneh.org\/mag\/innerhtml-in-javascript\/","title":{"rendered":"\u0645\u0639\u0631\u0641\u06cc \u0648\u06cc\u0698\u06af\u06cc innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646"},"content":{"rendered":"\n<p>\u062f\u0631 \u0686\u0634\u0645\u200c\u0627\u0646\u062f\u0627\u0632 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u0627\u0645\u0631\u0648\u0632\u06cc\u060c \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u062d\u0627\u0648\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0631\u062a\u0628\u0637 \u0648 \u0628\u0647\u200c\u0631\u0648\u0632 \u0647\u0633\u062a\u0646\u062f \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a. \u0686\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0646\u0645\u0648\u062f\u0627\u0631 \u0633\u0647\u0627\u0645\u060c \u0632\u0645\u0627\u0646 \u0641\u0639\u0644\u06cc\u060c \u0646\u0627\u0645 \u06a9\u0627\u0631\u0628\u0631\u060c \u06cc\u0627 \u0647\u0631 \u062f\u0627\u062f\u0647 \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0632\u0645\u0627\u0646 \u06cc\u0627 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647\u200c\u0637\u0648\u0631 \u0645\u0631\u062a\u0628 \u0627\u06cc\u0646 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0628\u0647\u200c\u0631\u0648\u0632 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062a\u062c\u0631\u0628\u0647 \u0631\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062e\u0648\u062f \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f. \u062e\u0648\u0634\u0628\u062e\u062a\u0627\u0646\u0647 \u06cc\u06a9 \u0631\u0627\u0647\u200c\u062d\u0644 \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u067e\u0648\u06cc\u0627 \u0628\u0627 \u0639\u0646\u0627\u0635\u0631 HTML \u0648 \u0646\u0645\u0627\u06cc\u0634 \u0628\u06cc\u200c\u062f\u0631\u062f\u0633\u0631 \u0648\u0636\u0639\u06cc\u062a \u0641\u0639\u0644\u06cc \u0622\u0646\u200c\u0647\u0627 \u062f\u0627\u0631\u06cc\u0645 \u0648 \u0622\u0646 \u0647\u0645 \u0648\u06cc\u0698\u06af\u06cc innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a.<\/p>\n\n\n\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628 \u0622\u0645\u0648\u0632\u0634\u06cc \u0627\u0632 \u0645\u06a9\u062a\u0648\u0628 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u0645 \u06a9\u0647 \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627 innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u0646\u062d\u0648\u0647 \u0648 \u0632\u0645\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0634\u0645\u0627 \u0631\u0627 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u06a9\u0646\u06cc\u0645. \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u060c \u062e\u0648\u0627\u0646\u062f\u0646 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u06cc\u0645\u0646 \u0627\u0632 innerHTML \u0631\u0627 \u062f\u0631\u06a9 \u06a9\u0646\u06cc\u062f \u0648 \u062e\u0637\u0631 \u062d\u0645\u0644\u0627\u062a \u0628\u0627\u0644\u0642\u0648\u0647 Cross-Site Scripting (XSS) \u0631\u0627 \u0628\u0647 \u062d\u062f\u0627\u0642\u0644 \u0628\u0631\u0633\u0627\u0646\u06cc\u062f.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u06cc\u0633\u062a\u061f<\/h2>\n\n\n\n<p>\u0648\u06cc\u0698\u06af\u06cc innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0648\u0628 \u062f\u0648 \u0647\u062f\u0641 \u0631\u0627 \u062f\u0646\u0628\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0645\u062d\u062a\u0648\u0627\u06cc HTML \u0631\u0627 \u062f\u0631 \u0639\u0646\u0635\u0631 HTML \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0631\u0634\u062a\u0647 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n\n\n\n<li>innerHTML \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u0639\u0646\u0635\u0631 \u0631\u0627 \u0628\u0627 HTML \u062c\u062f\u06cc\u062f \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f \u06cc\u0627 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n\n\n\n<p>\u0645\u062b\u0627\u0644 HTML \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token operator\">&lt;<\/span>div id<span class=\"token operator\">=<\/span><span class=\"token string\">\"someDivElement\"<\/span><span class=\"token operator\">&gt;<\/span>\n\n  <span class=\"token operator\">&lt;<\/span>span<span class=\"token operator\">&gt;<\/span>Hello World<span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>span<span class=\"token operator\">&gt;<\/span>\n\n<span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>div<span class=\"token operator\">&gt;<\/span><\/code><\/pre>\n\n\n\n<p>\u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 innerHTML \u06cc\u06a9 \u0639\u0646\u0635\u0631\u060c \u0627\u0628\u062a\u062f\u0627 \u0628\u0627\u06cc\u062f \u0639\u0646\u0635\u0631 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 getElementById() \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0631\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> someDivElement <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">getElementById<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"someDivElement\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<\/code><\/pre>\n\n\n\n<p>\u0633\u067e\u0633 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc innerHTML \u062f\u0633\u062a\u0631\u0633\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>console<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span>someDivElement<span class=\"token punctuation\">.<\/span>innerHTML<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0634\u062a\u0647 &#8220;&lt;span&gt;Hello World&lt;\/span&gt;&#8221; \u062e\u0631\u0648\u062c\u06cc \u062e\u0648\u0627\u0647\u062f \u0634\u062f. \u0627\u06af\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f innerHTML \u0639\u0646\u0635\u0631 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>someDivElement<span class=\"token punctuation\">.<\/span>innerHTML <span class=\"token operator\">=<\/span> <span class=\"token string\">\"&lt;span&gt;Something just like this...&lt;\/span&gt;\"<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u0645\u062b\u0627\u0644 innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h3>\n\n\n\n<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u062b\u0627\u0644\u06cc \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u06a9\u0627\u0631\u06cc \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0645\u0648\u0627\u0631\u062f\u06cc \u0628\u0647 \u0641\u0647\u0631\u0633\u062a \u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> todos <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">&#91;<\/span>\n\n  <span class=\"token string\">\"Exercise\"<\/span><span class=\"token punctuation\">,<\/span>\n\n  <span class=\"token string\">\"Have milk\"<\/span><span class=\"token punctuation\">,<\/span>\n\n  <span class=\"token string\">\"Buy bread\"<\/span><span class=\"token punctuation\">,<\/span>\n\n  <span class=\"token string\">\"Walk the dog\"<\/span><span class=\"token punctuation\">,<\/span>\n\n  <span class=\"token string\">\"Sleep timely :)\"<\/span>\n\n<span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span>\n\n\n<span class=\"token keyword\">const<\/span> todoListPreview <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">getElementById<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"tdlst-preview\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ Returns an &lt;ol&gt; element<\/span>\n\n\ntodos<span class=\"token punctuation\">.<\/span><span class=\"token function\">forEach<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">(<\/span>todo<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=<\/span><span class=\"token operator\">&amp;<\/span>gt<span class=\"token punctuation\">;<\/span> <span class=\"token punctuation\">{<\/span>\n\n  todoListPreview<span class=\"token punctuation\">.<\/span>innerHTML <span class=\"token operator\">+=<\/span> <span class=\"token template-string\"><span class=\"token template-punctuation string\">`<\/span><span class=\"token string\">&lt;li&gt;<\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span>todo<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token string\">&lt;\/li&gt;<\/span><span class=\"token template-punctuation string\">`<\/span><\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>ol<span class=\"token operator\">&gt;<\/span><\/code><\/pre>\n\n\n\n<p>\u0627\u06cc\u0646 \u06a9\u062f \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f \u06a9\u0627\u0631 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0628\u0631\u0686\u0633\u0628 &lt;li&gt; \u0628\u0647 \u0639\u0646\u0635\u0631 \u0644\u06cc\u0633\u062a \u0633\u0641\u0627\u0631\u0634\u06cc \u0645\u0627 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0627\u0633\u062a\u062b\u0646\u0627\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0627 innerHTML \u0631\u062e \u062f\u0647\u0646\u062f\u060c \u062f\u0631\u0633\u062a \u0645\u0627\u0646\u0646\u062f \u0647\u0631 \u06a9\u062f \u062f\u06cc\u06af\u0631\u06cc. \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u0633\u062a\u062b\u0646\u0627\u0647\u0627\u06cc \u0631\u0627\u06cc\u062c\u060c SyntaxError \u0627\u0633\u062a\u060c \u06a9\u0647 \u0632\u0645\u0627\u0646\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0631\u0634\u062a\u0647 HTML \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0634\u06a9\u0644 \u0646\u06af\u06cc\u0631\u062f. \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0628\u06cc\u0627\u0646 \u0627\u06cc\u0646 \u0647\u062f\u0641 \u0645\u0647\u0645 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>someDivElement<span class=\"token punctuation\">.<\/span>innerHTML <span class=\"token operator\">=<\/span> <span class=\"token string\">\"&lt;span&gt;William Bradley \"<\/span>Brad<span class=\"token string\">\" Pitt&lt;\/span&gt;\"<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f\u060c \u0646\u0642\u0644\u200c\u0642\u0648\u0644\u200c\u0647\u0627\u06cc \u062f\u0648\u06af\u0627\u0646\u0647 \u06cc\u0627 \u0647\u0645\u0627\u0646 \u0628\u06a9 \u062a\u06cc\u06a9\u200c\u0647\u0627 (&#8220;&#8221;) \u062f\u0631 \u0631\u0634\u062a\u0647 HTML \u0628\u0627\u0639\u062b \u06cc\u06a9 \u062e\u0637\u0627\u06cc \u0646\u062d\u0648\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0632\u06cc\u0631\u0627 \u00abBrad\u00bb \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0634\u0646\u0627\u0633\u0647 \u0646\u0627\u0634\u0646\u0627\u062e\u062a\u0647 \u062a\u0641\u0633\u06cc\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><style><\/style><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"201\" src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/javascript-functions_11zon-300x201.jpg.webp\" class=\"attachment-medium size-medium wp-post-image\" alt=\"Function \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/javascript-functions_11zon-300x201.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/javascript-functions_11zon-1024x686.jpg.webp 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/javascript-functions_11zon-768x515.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/javascript-functions_11zon.jpg 1200w\" sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/functions-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">Function \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a &#8211; \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062c\u0627\u0645\u0639<\/a>\n<\/section><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u0686\u0647 \u0632\u0645\u0627\u0646\u06cc \u0646\u0628\u0627\u06cc\u062f \u0627\u0632 innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f<\/h3>\n\n\n\n<p>\u0645\u0648\u0627\u0631\u062f\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 innerHTML \u0627\u062c\u062a\u0646\u0627\u0628 \u0634\u0648\u062f\u060c \u0628\u0647 \u062e\u0635\u0648\u0635 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0634\u0627\u0645\u0644 \u062a\u0646\u0638\u06cc\u0645 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0628\u0627\u0634\u062f. \u062f\u0644\u06cc\u0644 \u0622\u0646 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 innerHTML \u0647\u0645\u0647 \u062a\u06af\u200c\u0647\u0627\u06cc HTML \u0631\u0627 \u0645\u06cc\u200c\u067e\u0630\u06cc\u0631\u062f\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u062a\u06af &lt;script&gt;\u060c \u06a9\u0647 \u0628\u0647\u200c\u0637\u0648\u0631 \u0628\u0627\u0644\u0642\u0648\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062f\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062d\u0645\u0644\u0627\u062a Cross-Site Scripting (XSS) \u0628\u0627\u0632 \u06a9\u0646\u062f.<\/p>\n\n\n\n<p>\u062d\u0645\u0644\u0627\u062a XSS \u0622\u0633\u06cc\u0628\u200c\u067e\u0630\u06cc\u0631\u06cc\u200c\u0647\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc \u0648\u0628 \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0645\u0647\u0627\u062c\u0645\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u0645\u062e\u0631\u0628 \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u062a\u0632\u0631\u06cc\u0642 \u06a9\u0646\u0646\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u06cc\u06a9 \u06a9\u0627\u0631\u0628\u0631 \u0646\u0627\u0622\u06af\u0627\u0647 \u0627\u0632 \u0635\u0641\u062d\u0647 \u0628\u0627\u0632\u062f\u06cc\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u0627\u0648 \u06a9\u062f \u062a\u0632\u0631\u06cc\u0642 \u0634\u062f\u0647 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0631\u062f\u0647 \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u063a\u06cc\u0631\u0645\u062c\u0627\u0632 \u0628\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062d\u0633\u0627\u0633\u060c \u0645\u0627\u0646\u0646\u062f \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627 \u0648 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0634\u062e\u0635\u06cc \u0634\u0648\u062f. \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u062e\u0631\u0628 \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u06a9\u0648\u06a9\u06cc\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u0633\u0631\u0648\u0631 \u0645\u0647\u0627\u062c\u0645 \u062a\u0632\u0631\u06cc\u0642 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0642\u0627\u062f\u0631 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f \u062a\u0627 \u0647\u0648\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u062c\u0639\u0644 \u06a9\u0646\u0646\u062f \u0648 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0645\u062e\u0631\u0628 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u0646\u062f:<\/p>\n\n\n\n<div class=\"elementor elementor-9853\" data-elementor-type=\"wp-post\" data-elementor-id=\"9853\">\n<div class=\"elementor-inner\">\n<div class=\"elementor-section-wrap\">\n<section class=\"elementor-section elementor-top-section elementor-element elementor-element-733fcde elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"733fcde\" data-element_type=\"section\">\n<div class=\"elementor-container elementor-column-gap-default\">\n<div class=\"elementor-row\">\n<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42e7506\" data-id=\"42e7506\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-62a27ae elementor-widget elementor-widget-code-highlight\" data-id=\"62a27ae\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"prismjs-default copy-to-clipboard \">\n<div class=\"code-toolbar\">\n<pre class=\"highlight-height language-javascript\" data-line=\"\"><code class=\" language-javascript\">document<span class=\"token punctuation\">.<\/span><span class=\"token function\">getElementById<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"someLogoutButton\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span>innerHTML <span class=\"token operator\">=<\/span> <span class=\"token string\">\"&lt;script&gt;callHome(document.cookie);&lt;\/script&gt;\"<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"saboxplugin-wrap\">\n<div class=\"saboxplugin-tab\"><\/div>\n<\/div>\n\n\n\n<p>\u062e\u0648\u0634\u0628\u062e\u062a\u0627\u0646\u0647\u060c \u06a9\u0646\u0633\u0631\u0633\u06cc\u0648\u0645 \u0648\u0628 \u062c\u0647\u0627\u0646\u06cc (W3C) \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u06cc \u0631\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u062f\u0631\u062c \u0646\u0634\u0627\u0646\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u067e\u0648\u06cc\u0627 \u062f\u0631 HTML \u0645\u0646\u062a\u0634\u0631 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0639\u0646\u0627\u0635\u0631 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0631\u062c \u0634\u062f\u0647 \u0627\u0632 \u0637\u0631\u06cc\u0642 innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0646\u0628\u0627\u06cc\u062f \u0627\u062c\u0631\u0627 \u0634\u0648\u0646\u062f. \u0627\u06cc\u0646 \u0645\u062d\u0627\u0641\u0638\u062a \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u062d\u0645\u0644\u0627\u062a \u0633\u0646\u062a\u06cc \u062a\u0632\u0631\u06cc\u0642 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0647\u06a9\u0631\u0647\u0627 \u0631\u0627\u0647\u200c\u0647\u0627\u06cc \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646\u06cc \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u062d\u0645\u0644\u0627\u062a XSS \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0647\u200c\u0627\u0646\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0645\u062b\u0627\u0644 \u062f\u06cc\u06af\u0631\u06cc \u0627\u0632 \u062a\u06af &lt;img&gt; \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u0645. \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u062f\u0627\u0631\u0627\u06cc \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc onerror \u0627\u0633\u062a \u06a9\u0647 \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0645\u06cc\u200c\u067e\u0630\u06cc\u0631\u062f \u0648 \u0627\u062c\u0627\u0632\u0647 \u0627\u062c\u0631\u0627 \u062f\u0627\u0631\u062f.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token operator\">&lt;<\/span>img decoding<span class=\"token operator\">=<\/span><span class=\"token string\">\"async\"<\/span> src<span class=\"token operator\">=<\/span><span class=\"token string\">\"\u06f1\u06f2\u06f3\"<\/span> onerror<span class=\"token operator\">=<\/span><span class=\"token string\">\"alert('Haha!')\"<\/span><span class=\"token operator\">&gt;<\/span><\/code><\/pre>\n\n\n\n<p>\u0648\u0642\u062a\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u06cc\u0646 \u062a\u06af \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0628\u0627 \u062e\u0637\u0627 \u0645\u0648\u0627\u062c\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0632\u06cc\u0631\u0627 \u0645\u0642\u062f\u0627\u0631 src \u0646\u0627\u0645\u0639\u062a\u0628\u0631 \u0627\u0633\u062a \u0632\u06cc\u0631\u0627 \u0627\u0646\u062a\u0638\u0627\u0631 URL \u062f\u0627\u0631\u062f. \u062f\u0631 \u0646\u062a\u06cc\u062c\u0647 \u06cc\u06a9 \u062e\u0637\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0627\u0632 \u0622\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u062a\u06af &lt;img&gt; \u06cc\u06a9 \u0634\u0646\u0648\u0646\u062f\u0647 \u062e\u0637\u0627 \u062f\u0627\u0631\u062f\u060c \u06a9\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u062e\u0644 \u0648\u06cc\u0698\u06af\u06cc \u0627\u062c\u0631\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n\n\n\n<p>\u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u062d\u062a\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f \u0648 \u0627\u0632 \u062f\u0631\u062c \u0645\u062d\u062a\u0648\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u06a9\u0627\u0631\u0628\u0631 \u06cc\u0627 \u0646\u0627\u0645\u0639\u062a\u0628\u0631 \u0628\u062f\u0648\u0646 \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u0645\u0646\u0627\u0633\u0628 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0639\u0648\u0636\u060c \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc \u0648 \u0627\u06cc\u062c\u0627\u062f \u0639\u0646\u0627\u0635\u0631 \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f\u060c \u0645\u0627\u0646\u0646\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc DOM \u06cc\u0627 \u0686\u0627\u0631\u0686\u0648\u0628\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u062d\u0627\u0641\u0638\u062a \u062f\u0627\u062e\u0644\u06cc \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u062d\u0645\u0644\u0627\u062a XSS \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"150\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/azhvn8vuqrofsidykaas-300x150.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0622\u0645\u0648\u0632\u0634 class \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/azhvn8vuqrofsidykaas-300x150.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/azhvn8vuqrofsidykaas-768x384.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/azhvn8vuqrofsidykaas.webp 1000w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/150;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/class-in-js\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 class \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647<\/a>\n<\/section><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 innerHTML \u0628\u062f\u0648\u0646 \u0627\u06cc\u062c\u0627\u062f \u0622\u0633\u06cc\u0628\u200c\u067e\u0630\u06cc\u0631\u06cc XSS<\/h2>\n\n\n\n<p>\u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0622\u0633\u06cc\u0628\u200c\u067e\u0630\u06cc\u0631\u06cc\u200c\u0647\u0627\u06cc XSS \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u062a\u0645\u06cc\u0632 \u06a9\u0631\u062f\u0646 \u0648\u0631\u0648\u062f\u06cc \u06a9\u0627\u0631\u0628\u0631\u060c \u0628\u0647\u200c\u0648\u06cc\u0698\u0647 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0622\u0646 \u0631\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a HTML \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a. \u0647\u0646\u06af\u0627\u0645 \u0633\u0627\u062e\u062a \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 WYSIWYG \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0645\u062d\u062a\u0648\u0627\u06cc HTML \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 innerHTML \u062f\u0631 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0634\u0645\u0627 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u0646\u062f\u060c \u0628\u0627\u06cc\u062f \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u062a\u0645\u06cc\u0632\u06a9\u0627\u0631\u06cc \u0648\u0631\u0648\u062f\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u06af\u0646\u062c\u0627\u0646\u062f\u0646 \u06a9\u062f\u0647\u0627\u06cc \u0645\u062e\u0631\u0628 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<p>\u0686\u0646\u062f\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u062e\u062f\u0645\u0627\u062a \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc HTML \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f. \u06cc\u06a9\u06cc \u0627\u0632 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062a\u0648\u0635\u06cc\u0647\u200c\u0634\u062f\u0647\u060c sanitize-html \u0627\u0633\u062a \u06a9\u0647 \u0647\u0645 \u0628\u0631\u0627\u06cc \u0645\u062d\u06cc\u0637\u200c\u0647\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0648 \u0647\u0645 \u0628\u0631\u0627\u06cc \u0645\u062d\u06cc\u0637\u200c\u0647\u0627\u06cc Node.js \u062a\u0645\u06cc\u0632 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc HTML \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 sanitize-html \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 npm \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install sanitize<span class=\"token operator\">-<\/span>html<\/code><\/pre>\n\n\n\n<p>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0646\u0633\u0628\u062a\u0627\u064b \u0633\u0627\u062f\u0647 \u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0686\u0646\u062f \u0646\u0645\u0648\u0646\u0647 \u0647\u0633\u062a\u0646\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token comment\">\/\/ Using ES module import<\/span>\n<span class=\"token keyword\">import<\/span> sanitizeHtml <span class=\"token keyword\">from<\/span> <span class=\"token string\">'sanitize-html'<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token comment\">\/\/ Using CommonJS require<\/span>\n<span class=\"token keyword\">const<\/span> sanitizeHtml <span class=\"token operator\">=<\/span> <span class=\"token function\">require<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'sanitize-html'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token function\">sanitizeHtml<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'&lt;img src=\"x\" onerror=\"alert(1)\/\/\"&gt;'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ returns \"\"<\/span>\n<span class=\"token function\">sanitizeHtml<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'&lt;svg&gt;&lt;g&gt;'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ returns \"\"<\/span>\n<span class=\"token function\">sanitizeHtml<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'&lt;p&gt;abc&lt;iframe&gt;def&lt;\/iframe&gt;&lt;\/p&gt;'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ returns \"&lt;p&gt;abcdef&lt;\/p&gt;\"<\/span>\n<span class=\"token function\">sanitizeHtml<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'&lt;table&gt;&lt;tr&gt;&lt;td&gt;HELLO&lt;\/td&gt;&lt;\/tr&gt;'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ returns \"&lt;table&gt;&lt;tr&gt;&lt;td&gt;HELLO&lt;\/td&gt;&lt;\/tr&gt;&lt;\/table&gt;\"<\/span>\n<span class=\"token function\">sanitizeHtml<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'&lt;ul&gt;&lt;li&gt;&lt;a href=\"\/\/google.com\"&gt;click&lt;\/a&gt;&lt;\/li&gt;&lt;\/ul&gt;'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ returns \"&lt;ul&gt;&lt;li&gt;&lt;a href=\"%5C%22\/\/google.com%5C%22\"&gt;click&lt;\/a&gt;&lt;\/li&gt;&lt;\/ul&gt;\"<\/span><\/code><\/pre>\n\n\n\n<p>\u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644\u200c\u0647\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 sanitize-html \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u0645\u062e\u0631\u0628 \u0628\u0627\u0644\u0642\u0648\u0647 \u0631\u0627 \u0627\u0632 HTML \u0648\u0631\u0648\u062f\u06cc \u062d\u0630\u0641 \u06cc\u0627 \u0641\u0631\u0627\u0631 \u06a9\u0646\u062f. \u0628\u0647\u200c\u0637\u0648\u0631 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636\u060c sanitize-html \u062f\u0627\u0631\u0627\u06cc \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0627\u0632 \u067e\u06cc\u0634 \u062a\u0639\u0631\u06cc\u0641\u200c\u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0686\u0633\u0628\u200c\u0647\u0627 \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0645\u062c\u0627\u0632 \u0647\u0633\u062a\u0646\u062f \u0648 \u0633\u0627\u06cc\u0631\u06cc\u0646 \u0631\u0627 \u062d\u0630\u0641 \u06cc\u0627 \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0622\u0646 \u0631\u0627 \u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u0634\u0631\u0627\u06cc\u0637 \u062e\u0627\u0635 \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0631\u062f. \u062a\u0623\u06a9\u06cc\u062f \u0628\u0631 \u0627\u06cc\u0646 \u0646\u06a9\u062a\u0647 \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u0647\u0645\u06cc\u0634\u0647 \u0628\u0627\u06cc\u062f \u0648\u0631\u0648\u062f\u06cc\u200c\u0647\u0627\u06cc \u0631\u0634\u062a\u0647\u200c\u0647\u0627\u06cc HTML \u0631\u0627 \u062f\u0631 \u0647\u0631 \u062f\u0648 \u0642\u0633\u0645\u062a \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f \u0648 \u0628\u06a9\u200c\u0627\u0646\u062f \u0622\u0646 \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f \u062a\u0627 \u062e\u0637\u0631 \u062d\u0645\u0644\u0627\u062a XSS \u0631\u0627 \u0628\u0647 \u0645\u06cc\u0632\u0627\u0646 \u0642\u0627\u0628\u0644\u200c\u062a\u0648\u062c\u0647\u06cc \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"164\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Javascript_11zon-300x164.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"let \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Javascript_11zon-300x164.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/Javascript_11zon-768x419.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/Javascript_11zon.jpg 863w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/164;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/let-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc let \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0622\u0646<\/a>\n<\/section><\/div>\n\n\n<h2 class=\"wp-block-heading\">innerHTML \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 createElement<\/h2>\n\n\n\n<p>\u0647\u0646\u06af\u0627\u0645 \u0645\u0642\u0627\u06cc\u0633\u0647 innerHTML \u0648 createElement\u060c \u062f\u0631\u06a9 \u062a\u0641\u0627\u0648\u062a\u200c\u0647\u0627 \u0648 \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0627\u06cc\u0646 \u062a\u0641\u0627\u0648\u062a\u200c\u0647\u0627 \u0628\u0647 \u0648\u0636\u0648\u062d \u0628\u06cc\u0627\u0646 \u0634\u062f\u0647\u200c\u0627\u0646\u062f. createElement \u0639\u0645\u0648\u0645\u0627\u064b \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0627\u0633\u062a \u0632\u06cc\u0631\u0627 \u0645\u0631\u0648\u0631\u06af\u0631 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u062a\u062c\u0632\u06cc\u0647 \u06cc\u06a9 \u0631\u0634\u062a\u0647 HTML \u0648 \u0633\u0627\u062e\u062a\u0646 \u062f\u0631\u062e\u062a \u06af\u0631\u0647 \u0646\u062f\u0627\u0631\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0631 \u062e\u0644\u0627\u0641 innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0634\u0627\u0645\u0644 \u067e\u06cc\u0648\u0633\u062a \u06a9\u0631\u062f\u0646 \u0634\u0646\u0648\u0646\u062f\u06af\u0627\u0646 \u0631\u0648\u06cc\u062f\u0627\u062f \u0646\u0645\u06cc\u200c\u0634\u0648\u062f. \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 innerHTML\u060c \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0628\u0627\u06cc\u062f \u062a\u0645\u0627\u0645 \u06af\u0631\u0647\u200c\u0647\u0627\u06cc DOM \u0631\u0627 \u062f\u0631 \u0639\u0646\u0635\u0631 \u0627\u0635\u0644\u0627\u062d \u0634\u062f\u0647 \u0645\u062c\u062f\u062f\u0627\u064b \u0628\u0627\u0632\u0628\u06cc\u0646\u06cc \u0648 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u0646\u062f.<\/p>\n\n\n\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c innerHTML \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06cc\u06a9 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0631\u0627\u062d\u062a\u200c\u062a\u0631 \u0648 \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631\u062a\u0631 \u0628\u0631\u0627\u06cc \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u067e\u0648\u06cc\u0627 \u062e\u0627\u0635\u060c \u0645\u0627\u0646\u0646\u062f \u0645\u0628\u062f\u0644 Markdown \u0628\u0647 HTML \u0628\u0627 \u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0647\u0645\u200c\u0632\u0645\u0627\u0646 \u0628\u0627\u0634\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648\u060c innerHTML \u06cc\u06a9 \u0631\u0627\u0647\u200c\u062d\u0644 \u0645\u0646\u0627\u0633\u0628 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u06a9\u062f \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0627\u0645\u06a9\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0622\u0633\u0627\u0646 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062a\u0644\u0627\u0634 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06cc\u0627\u0628\u06cc \u0628\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0634\u0627\u0628\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 createElement \u0645\u0646\u062c\u0631 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u062f\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647\u200c\u062a\u0631 \u0648 \u0645\u062d\u06a9\u0645\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0647\u0645\u0627\u0646 \u0645\u062b\u0627\u0644 \u0641\u0647\u0631\u0633\u062a \u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0631\u0627 \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u0630\u06a9\u0631 \u0634\u062f\u060c \u0627\u0645\u0627 \u0627\u0632 createElement \u0628\u0647 \u062c\u0627\u06cc innerHTML \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> todos <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">&#91;<\/span>\n\n  <span class=\"token string\">\"Exercise\"<\/span><span class=\"token punctuation\">,<\/span>\n\n  <span class=\"token string\">\"Have milk\"<\/span><span class=\"token punctuation\">,<\/span>\n\n  <span class=\"token string\">\"Buy bread\"<\/span><span class=\"token punctuation\">,<\/span>\n\n  <span class=\"token string\">\"Walk the dog\"<\/span><span class=\"token punctuation\">,<\/span>\n\n  <span class=\"token string\">\"Sleep timely :)\"<\/span>\n\n<span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span>\n\n\n<span class=\"token keyword\">const<\/span> todoListPreview <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">getElementById<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"tdlst-preview\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span> <span class=\"token comment\">\/\/ Returns an &lt;ol&gt; element<\/span>\n\n\ntodos<span class=\"token punctuation\">.<\/span><span class=\"token function\">forEach<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">(<\/span>todo<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=<\/span><span class=\"token operator\">&amp;<\/span>gt<span class=\"token punctuation\">;<\/span> <span class=\"token punctuation\">{<\/span>\n\n  todoListPreview<span class=\"token punctuation\">.<\/span>innerHTML <span class=\"token operator\">+=<\/span> <span class=\"token template-string\"><span class=\"token template-punctuation string\">`<\/span><span class=\"token string\">&lt;li&gt;<\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span>todo<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token string\">&lt;\/li&gt;<\/span><span class=\"token template-punctuation string\">`<\/span><\/span><span class=\"token punctuation\">;<\/span>\n\n\n  <span class=\"token keyword\">const<\/span> listItemElement <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">createElement<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"li\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  listItemElement<span class=\"token punctuation\">.<\/span>textContent <span class=\"token operator\">=<\/span> todo<span class=\"token punctuation\">;<\/span>\n\n  todoListPreview<span class=\"token punctuation\">.<\/span><span class=\"token function\">appendChild<\/span><span class=\"token punctuation\">(<\/span>listItemElement<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token operator\">\/<\/span>ol<span class=\"token operator\">&gt;<\/span><\/code><\/pre>\n\n\n\n<p>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0627\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u062e\u0627\u0635 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0646\u06cc\u0633\u062a. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u0627\u06af\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u06cc\u06a9 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u0645\u062a\u0646 \u063a\u0646\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f\u060c \u0628\u0627\u06cc\u062f \u0645\u0646\u0637\u0642 \u062c\u062f\u0627\u06af\u0627\u0646\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0647\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u062c\u062f\u06cc\u062f \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f\u060c \u062a\u0627 \u067e\u0627\u06cc\u06af\u0627\u0647 \u06a9\u062f \u067e\u06cc\u0686\u06cc\u062f\u0647\u200c\u062a\u0631 \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0622\u0646 \u062f\u0634\u0648\u0627\u0631 \u0628\u0627\u0634\u062f. \u062f\u0631 \u0686\u0646\u06cc\u0646 \u0645\u0648\u0627\u0631\u062f\u06cc\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a javascript \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u06cc\u06a9 \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u0646\u062f\u0647 \u0633\u0627\u062f\u0647 HTML \u0631\u0627\u0647\u200c\u062d\u0644 \u06a9\u0627\u0631\u0622\u0645\u062f\u062a\u0631 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc\u200c\u062a\u0631\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u067e\u0648\u06cc\u0627 \u0631\u0627 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0627 \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u0648\u0631\u0648\u062f\u06cc HTML \u062a\u0648\u0644\u06cc\u062f \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u06a9\u0627\u0631\u0628\u0631 \u06cc\u0627 \u0646\u0627\u0645\u0639\u062a\u0628\u0631 \u0627\u0632 \u0622\u0633\u06cc\u0628\u200c\u067e\u0630\u06cc\u0631\u06cc\u200c\u0647\u0627\u06cc XSS \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"150\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/6288755792019456-300x150.jpeg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/6288755792019456-300x150.jpeg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/6288755792019456-768x384.jpeg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/6288755792019456.jpeg 1024w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/150;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/append-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 \u0645\u062a\u062f append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647<\/a>\n<\/section><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u0633\u062e\u0646 \u067e\u0627\u06cc\u0627\u0646\u06cc<\/h2>\n\n\n\n<p>\u0647\u0646\u06af\u0627\u0645 \u06a9\u0627\u0631 \u0628\u0627 HTML \u0648 \u062a\u062e\u0635\u06cc\u0635 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc innerHTML\u060c \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u062e\u0627\u0635\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0627\u06cc\u062f \u062f\u0631 \u0646\u0638\u0631 \u062f\u0627\u0634\u062a. \u0627\u06af\u0631 \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u062d\u062a\u0648\u0627 \u0648 \u0627\u06cc\u0645\u0646\u06cc \u0622\u0646 \u0645\u0637\u0645\u0626\u0646 \u0647\u0633\u062a\u06cc\u062f\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 innerHTML \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0642\u0627\u0628\u0644\u200c\u0642\u0628\u0648\u0644 \u0627\u0633\u062a. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0627\u06af\u0631 \u0645\u062d\u062a\u0648\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u06a9\u0627\u0631\u0628\u0631 \u06cc\u0627 \u0628\u0647\u200c\u0637\u0648\u0631 \u0628\u0627\u0644\u0642\u0648\u0647 \u0645\u062e\u0631\u0628 \u0628\u0627\u0634\u062f\u060c \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0627\u062d\u062a\u06cc\u0627\u0637\u06cc \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f.<\/p>\n\n\n\n<p>\u06cc\u06a9 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 createElement \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0648 \u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc \u067e\u0648\u06cc\u0627 \u0639\u0646\u0627\u0635\u0631 DOM \u0628\u0647 \u062c\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0631\u0634\u062a\u0647\u200c\u0647\u0627\u06cc HTML \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0628\u0627\u0634\u062f \u0648 \u0627\u0632 \u0622\u0633\u06cc\u0628\u200c\u067e\u0630\u06cc\u0631\u06cc\u200c\u0647\u0627\u06cc \u0627\u062d\u062a\u0645\u0627\u0644\u06cc XSS \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 innerHTML \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u06a9\u0646\u062f.<\/p>\n\n\n\n<p>\u06af\u0627\u0645 \u0645\u0647\u0645 \u062f\u06cc\u06af\u0631 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0648\u0631\u0648\u062f\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0642\u0628\u0644 \u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0622\u0646 \u062f\u0631 \u06cc\u06a9 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u06cc\u0627 \u0631\u0646\u062f\u0631 \u06a9\u0631\u062f\u0646 \u0622\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a HTML \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u0634\u0648\u062f. \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u0645\u0648\u062c\u0648\u062f \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0631\u0686\u0633\u0628\u200c\u0647\u0627 \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u062e\u0627\u0635\u06cc \u0631\u0627 \u062d\u0630\u0641 \u06a9\u0646\u0646\u062f \u062a\u0627 \u0631\u0634\u062a\u0647 HTML XSS \u0645\u0642\u0627\u0648\u0645 \u0628\u0627\u0634\u062f. \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u062e\u0637\u0631 \u062d\u0645\u0644\u0627\u062a XSS\u060c \u0627\u0646\u062c\u0627\u0645 \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u062f\u0631 \u0647\u0631 \u062f\u0648 \u0642\u0633\u0645\u062a \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f \u0648 \u0628\u06a9\u200c\u0627\u0646\u062f \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a. \u062f\u0631 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f\u060c \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u0628\u0627\u06cc\u062f \u062f\u0631 \u0632\u0645\u0627\u0646 \u0631\u0646\u062f\u0631 \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f\u060c \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0648\u0631\u0648\u062f\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u062f\u0631 \u0628\u06a9\u200c\u0627\u0646\u062f\u060c \u0628\u0627\u06cc\u062f \u0642\u0628\u0644 \u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0645\u062d\u062a\u0648\u0627 \u062f\u0631 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f. \u0628\u0627 \u067e\u06cc\u0631\u0648\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u0648\u0631\u0648\u062f\u06cc \u06a9\u0627\u0631\u0628\u0631\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u0645\u0646\u06cc\u062a \u0648 \u06cc\u06a9\u067e\u0627\u0631\u0686\u06af\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u062e\u0648\u062f \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0631\u062f\u0647 \u0648 \u062e\u0637\u0631\u0627\u062a \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0622\u0633\u06cc\u0628\u200c\u067e\u0630\u06cc\u0631\u06cc\u200c\u0647\u0627\u06cc XSS \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h3>\n\n\n\n<p>\u0627\u06af\u0631 \u0628\u0647 \u0641\u06a9\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0633\u062a\u06cc\u062f \u0628\u0647 \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u062c\u0627\u0645\u0639 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u06a9\u062a\u0628 \u062e\u0648\u0646\u0647 \u0628\u067e\u06cc\u0648\u0646\u062f\u06cc\u062f. \u062f\u0631 \u0645\u06a9\u062a\u0628 \u062e\u0648\u0646\u0647 \u0628\u0627 \u0645\u062f\u0631\u0633\u0627\u0646 \u062e\u0628\u0631\u0647\u060c \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0648 \u062a\u062c\u0631\u0628\u06cc\u0627\u062a \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0648\u0627\u0631\u062f \u062f\u0646\u06cc\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0634\u0648\u06cc\u062f. \u0634\u0645\u0627 \u0686\u0647 \u0641\u0631\u062f\u06cc \u0645\u0628\u062a\u062f\u06cc \u0628\u0627\u0634\u06cc\u062f \u0648 \u0686\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0627\u0631\u062a\u0642\u0627\u06cc \u062f\u0627\u0646\u0634 \u0645\u0648\u062c\u0648\u062f \u062e\u0648\u062f \u0647\u0633\u062a\u06cc\u062f\u060c \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0645\u0627 \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0633\u0637\u0648\u062d \u0645\u0647\u0627\u0631\u062a \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0641\u0631\u0635\u062a \u0634\u0631\u06a9\u062a \u062f\u0631\u06d5 \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u06a9\u062a\u0628 \u062e\u0648\u0646\u0647 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0633\u0644\u0637 \u0628\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0646 \u0628\u0647 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u0645\u0627\u0647\u0631 \u0631\u0627 \u0627\u0632 \u062f\u0633\u062a \u0646\u062f\u0647\u06cc\u062f. \u0628\u0631\u0627\u06cc \u062f\u06cc\u062f\u0646 \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0635\u0641\u062d\u0647 <a href=\"https:\/\/maktabkhooneh.org\/learn\/java-script\/\">\u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a> \u0627\u0642\u062f\u0627\u0645 \u0628\u0647 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<p>\u0645\u0646\u0628\u0639: <a href=\"https:\/\/coderpad.io\/blog\/development\/javascript-innerhtml\/#:~:text=What%20is%20innerHTML%20in%20JavaScript,or%20change%20elements&#039;%20innerHTML%20content.\" rel=\"nofollow noopener\" target=\"_blank\">CoderPad<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062f\u0631 \u0686\u0634\u0645\u200c\u0627\u0646\u062f\u0627\u0632 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u0627\u0645\u0631\u0648\u0632\u06cc\u060c \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u062d\u0627\u0648\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0631\u062a\u0628\u0637 \u0648 \u0628\u0647\u200c\u0631\u0648\u0632 \u0647\u0633\u062a\u0646\u062f \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a. \u0686\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0646\u0645\u0648\u062f\u0627\u0631 \u0633\u0647\u0627\u0645\u060c \u0632\u0645\u0627\u0646 \u0641\u0639\u0644\u06cc\u060c \u0646\u0627\u0645 \u06a9\u0627\u0631\u0628\u0631\u060c \u06cc\u0627 \u0647\u0631 \u062f\u0627\u062f\u0647 \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0632\u0645\u0627\u0646 \u06cc\u0627 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647\u200c\u0637\u0648\u0631 \u0645\u0631\u062a\u0628 \u0627\u06cc\u0646 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0628\u0647\u200c\u0631\u0648\u0632 \u06a9\u0646\u06cc\u062f [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":31395,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,30],"tags":[],"class_list":["post-31394","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-java-script-articles","category-web-programming-articles"],"_links":{"self":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/31394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/comments?post=31394"}],"version-history":[{"count":2,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/31394\/revisions"}],"predecessor-version":[{"id":63766,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/31394\/revisions\/63766"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media\/31395"}],"wp:attachment":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media?parent=31394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/categories?post=31394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/tags?post=31394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}