{"id":30966,"date":"2023-06-01T17:14:35","date_gmt":"2023-06-01T12:44:35","guid":{"rendered":"https:\/\/wpadmin.maktabkhooneh.org\/mag\/?p=30966"},"modified":"2026-04-06T17:49:04","modified_gmt":"2026-04-06T14:19:04","slug":"append-in-javascript","status":"publish","type":"post","link":"https:\/\/maktabkhooneh.org\/mag\/append-in-javascript\/","title":{"rendered":"\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"},"content":{"rendered":"\n<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0637\u06cc\u0641 \u06af\u0633\u062a\u0631\u062f\u0647\u200c\u0627\u06cc \u0627\u0632 \u0645\u062a\u062f\u0647\u0627 \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0628\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u062e\u0648\u0627\u0647\u062f \u062f\u0627\u062f \u0639\u0646\u0627\u0635\u0631 HTML \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc \u0648 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f. \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u0645\u062a\u062f\u0647\u0627\u060c append \u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f \u0639\u0645\u0644\u06cc \u0645\u062a\u062f append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0622\u0646 \u0628\u0627 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645. \u0634\u0645\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u0647 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0627 DOM \u0633\u0631\u0648\u06a9\u0627\u0631 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06cc\u0627 \u0627\u0632 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0645\u062d\u0628\u0648\u0628\u06cc \u0645\u0627\u0646\u0646\u062f jQuery \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u062f\u0631\u06a9 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u0624\u062b\u0631 \u0627\u0632 append \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0647\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u0634\u0645\u0627 \u0631\u0627 \u062a\u0627 \u062d\u062f \u0632\u06cc\u0627\u062f\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0647\u062f.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h2>\n\n\n\n<p>append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u062e\u0634\u06cc \u0627\u0633\u0627\u0633\u06cc \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc DOM \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0645\u062a\u062f \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u062c\u062f\u06cc\u062f\u06cc \u0645\u0627\u0646\u0646\u062f \u0639\u0646\u0627\u0635\u0631\u060c \u0645\u062a\u0646 \u06cc\u0627 HTML \u0631\u0627 \u0628\u0647 \u0627\u0646\u062a\u0647\u0627\u06cc \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u0645\u0648\u062c\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u062a\u062f \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f \u0648 \u062a\u062c\u0631\u0628\u06cc\u0627\u062a \u06a9\u0627\u0631\u0628\u0631\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" width=\"483\" height=\"458\" src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/append-vs-extend-1.png\" alt=\"\u0622\u0645\u0648\u0632\u0634 append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" class=\"wp-image-30970\" title=\"\" srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/append-vs-extend-1.png 483w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/append-vs-extend-1-300x284.png.webp 300w\" sizes=\"(max-width: 483px) 100vw, 483px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u0633\u06cc\u0646\u062a\u06a9\u0633 \u0645\u062a\u062f append<\/h3>\n\n\n\n<p>\u0645\u062a\u062f append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 \u0639\u0646\u0627\u0635\u0631\u060c \u0645\u062a\u0646 \u06cc\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc HTML \u0628\u0647 \u0627\u0646\u062a\u0647\u0627\u06cc \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u0645\u0648\u062c\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0633\u06cc\u0646\u062a\u06a9\u0633 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u062a\u062f append \u0622\u0645\u062f\u0647 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>parentElement<span class=\"token punctuation\">.<\/span><span class=\"token function\">append<\/span><span class=\"token punctuation\">(<\/span>node1<span class=\"token punctuation\">,<\/span> node2<span class=\"token punctuation\">,<\/span> <span class=\"token operator\">...<\/span><span class=\"token punctuation\">,<\/span> nodeX<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0633\u06cc\u0646\u062a\u06a9\u0633 \u0628\u0627\u0644\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>parentElement \u0639\u0646\u0635\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0628\u0647 \u0622\u0646 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n\n\n\n<li>node1\u060c node2\u060c &#8230;\u060c nodeX \u06af\u0631\u0647\u200c\u0647\u0627 \u06cc\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0647 parentElement \u0627\u0636\u0627\u0641\u0647 \u0634\u0648\u0646\u062f. \u0627\u06cc\u0646\u200c\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0627\u0634\u06cc\u0627\u0621 HTMLElement\u060c \u0631\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u0645\u062a\u0646\u06cc \u06cc\u0627 \u0631\u0634\u062a\u0647\u200c\u0647\u0627\u06cc HTML \u0628\u0627\u0634\u0646\u062f.<\/li>\n<\/ul>\n\n\n\n<p>\u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u0627\u0632 \u062a\u0627\u0628\u0639 append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/p>\n\n\n\n<p>\u06f1. \u0627\u0644\u062d\u0627\u0642 HTMLElement<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> parentElement <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\">\"myDiv\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">const<\/span> newElement <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\">\"p\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\nnewElement<span class=\"token punctuation\">.<\/span>textContent <span class=\"token operator\">=<\/span> <span class=\"token string\">\"This is a new paragraph.\"<\/span><span class=\"token punctuation\">;<\/span>\n\nparentElement<span class=\"token punctuation\">.<\/span><span class=\"token function\">append<\/span><span class=\"token punctuation\">(<\/span>newElement<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u06f2. \u0627\u0644\u062d\u0627\u0642 \u0631\u0634\u062a\u0647 \u0645\u062a\u0646\u06cc:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> parentElement <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\">\"myDiv\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">const<\/span> text <span class=\"token operator\">=<\/span> <span class=\"token string\">\"This is some text.\"<\/span><span class=\"token punctuation\">;<\/span>\n\nparentElement<span class=\"token punctuation\">.<\/span><span class=\"token function\">append<\/span><span class=\"token punctuation\">(<\/span>text<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u0627\u0644\u062d\u0627\u0642 \u0631\u0634\u062a\u0647 HTML:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> parentElement <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\">\"myDiv\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">const<\/span> htmlString <span class=\"token operator\">=<\/span> <span class=\"token string\">\"&lt;p&gt;This is an HTML paragraph.&lt;\/p&gt;\"<\/span><span class=\"token punctuation\">;<\/span>\n\nparentElement<span class=\"token punctuation\">.<\/span><span class=\"token function\">append<\/span><span class=\"token punctuation\">(<\/span>htmlString<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u062a\u0648\u062c\u0647\u06f1: \u0645\u062a\u062f append \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0686\u0646\u062f\u06cc\u0646 \u06af\u0631\u0647 \u06cc\u0627 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0647\u0645\u200c\u0632\u0645\u0627\u0646 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0627 \u06a9\u0627\u0645\u0627 \u0627\u0632 \u0647\u0645 \u062c\u062f\u0627 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<p>\u062a\u0648\u062c\u0647 \u06f2: \u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u06cc\u0627\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0645\u062a\u062f append \u0628\u0627 \u0627\u0641\u0632\u0648\u062f\u0646 \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u0628\u0647 \u0627\u0646\u062a\u0647\u0627\u06cc parentElement\u060c \u0633\u0627\u062e\u062a\u0627\u0631 \u0627\u0635\u0644\u06cc DOM \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/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 decoding=\"async\" width=\"300\" height=\"225\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2022\/05\/javascript-getters-and-setters-300x225.jpg\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0648\u06cc\u0698\u06af\u06cc Getter \u0648 Setter \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2022\/05\/javascript-getters-and-setters-300x225.jpg 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2022\/05\/javascript-getters-and-setters-768x576.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2022\/05\/javascript-getters-and-setters.jpg 960w\" 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\/225;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/javascript-getters-and-setters\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0648\u06cc\u0698\u06af\u06cc Getter \u0648 Setter \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a>\n<\/section><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u06a9\u0627\u0631\u0628\u0631\u062f Append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h2>\n\n\n\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0686\u0646\u062f \u0646\u0645\u0648\u0646\u0647 \u0645\u062b\u0627\u0644 \u0639\u0645\u0644\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u062f \u0645\u062a\u062f append \u062f\u0631 Javascript \u0627\u0631\u0627\u0626\u0647 \u062e\u0648\u0627\u0647\u062f \u0634\u062f. \u0627\u06af\u0631\u0686\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u062a\u062f \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u062f\u0631 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f \u0648\u0644\u06cc \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644 \u0645\u0627 \u0628\u0647 \u0686\u0646\u062f \u0645\u0648\u0631\u062f \u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0641\u0627\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc DOM \u0628\u0627 Append<\/h3>\n\n\n\n<p>\u0647\u0646\u06af\u0627\u0645 \u06a9\u0627\u0631 \u0628\u0627 Document Object Model (DOM) \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0645\u062a\u062f append \u0646\u0642\u0634 \u0645\u0647\u0645\u06cc \u062f\u0631 \u0627\u0641\u0632\u0648\u062f\u0646 \u0639\u0646\u0627\u0635\u0631 \u0628\u0647 \u0633\u0646\u062f \u062f\u0627\u0631\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u06cc\u06a9 \u0633\u0646\u0627\u0631\u06cc\u0648\u06cc \u0633\u0627\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u0645 \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0639\u0646\u0635\u0631 div \u0628\u0627 \u0634\u0646\u0627\u0633\u0647 myDiv \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> myDiv <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\">\"myDiv\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">const<\/span> newParagraph <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\">\"p\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\nnewParagraph<span class=\"token punctuation\">.<\/span>textContent <span class=\"token operator\">=<\/span> <span class=\"token string\">\"This is a new paragraph.\"<\/span><span class=\"token punctuation\">;<\/span>\n\nmyDiv<span class=\"token punctuation\">.<\/span><span class=\"token function\">appendChild<\/span><span class=\"token punctuation\">(<\/span>newParagraph<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u062f\u0631 \u0645\u062b\u0627\u0644 \u0628\u0627\u0644\u0627\u060c div \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 id \u0622\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0631\u062f\u0647 \u0648 \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0628\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u062a\u0646\u06cc \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641\u060c \u0645\u062d\u062a\u0648\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0636\u0645\u06cc\u0645\u0647 \u0634\u0648\u062f \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f. \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0627\u0632 \u0645\u062a\u062f appendChild \u0628\u0631\u0627\u06cc \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u062c\u062f\u06cc\u062f \u0628\u0647 \u0627\u0646\u062a\u0647\u0627\u06cc div \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/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=\"180\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/5f9c9e57740569d1a4ca3c94_11zon-300x180.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0645\u062a\u062f bind \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\/5f9c9e57740569d1a4ca3c94_11zon-300x180.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/06\/5f9c9e57740569d1a4ca3c94_11zon-768x461.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/5f9c9e57740569d1a4ca3c94_11zon.jpg 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\/180;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/bind-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0622\u0645\u0648\u0632\u0634 \u0645\u062a\u062f bind \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<h3 class=\"wp-block-heading\">append \u062f\u0631 jQuery<\/h3>\n\n\n\n<p>\u0627\u06af\u0631 \u0627\u0632 jQuery\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9\u06cc \u0627\u0632 &nbsp;\u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0645\u062d\u0628\u0648\u0628 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0633\u06cc\u0646\u062a\u06a9\u0633 \u0633\u0627\u062f\u0647 \u0634\u062f\u0647 \u0622\u0646 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06cc\u0627\u0628\u06cc \u0628\u0647 \u0646\u062a\u0627\u06cc\u062c \u0645\u0634\u0627\u0628\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. jQuery \u062a\u0627\u0628\u0639 append \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0631\u062f\u0647 \u0648 \u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc DOM \u0631\u0627 \u0645\u062e\u062a\u0635\u0631 \u0648 \u0634\u0647\u0648\u062f\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token function\">$<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"#myDiv\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">append<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"&lt;p&gt;This is a new paragraph.&lt;\/p&gt;\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u0628\u0627 \u062a\u0627\u0628\u0639 append jquery\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0645\u062d\u062a\u0648\u0627\u06cc HTML \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0631\u0634\u062a\u0647 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0639\u0646\u0635\u0631 \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/jQuery-Append.jpg.webp\"><img decoding=\"async\" width=\"999\" height=\"524\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/jQuery-Append.jpg.webp\" alt=\"append \u062f\u0631 jQuery\" class=\"wp-image-30969 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/jQuery-Append.jpg.webp 999w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/jQuery-Append.jpg-300x157.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/06\/jQuery-Append.jpg-768x403.webp 768w\" data-sizes=\"(max-width: 999px) 100vw, 999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 999px; --smush-placeholder-aspect-ratio: 999\/524;\" \/><\/a><figcaption><\/figcaption><\/figure>\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=\"225\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2022\/05\/number-in-javascript-300x225.jpg\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"Number \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2022\/05\/number-in-javascript-300x225.jpg 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2022\/05\/number-in-javascript-768x576.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2022\/05\/number-in-javascript.jpg 960w\" 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\/225;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/number-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0635\u0641\u0631 \u062a\u0627 \u0635\u062f Number \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a>\n<\/section><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u0639\u0646\u0627\u0635\u0631 \u0622\u0645\u0627\u062f\u0647 \u06cc\u0627 Prepending Elements<\/h3>\n\n\n\n<p>\u062f\u0631 \u0628\u0631\u062e\u06cc \u0645\u0648\u0627\u0631\u062f\u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0647 \u062c\u0627\u06cc \u0627\u0646\u062a\u0647\u0627\u06cc \u06cc\u06a9 \u0638\u0631\u0641\u060c \u0639\u0646\u0627\u0635\u0631 \u0631\u0627 \u0628\u0647 \u0627\u0628\u062a\u062f\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0646\u0638\u0648\u0631\u060c \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u062a\u062f prepend \u0631\u0627\u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0647\u0645\u062a\u0627\u06cc append \u0627\u0633\u062a. prepend \u0634\u0628\u06cc\u0647 append \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u0645\u0627 \u0639\u0646\u0627\u0635\u0631\u06cc \u0631\u0627 \u0628\u0647 \u0627\u0628\u062a\u062f\u0627\u06cc \u06cc\u06a9 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0636\u0627\u0641\u0647 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> myDiv <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\">\"myDiv\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">const<\/span> newParagraph <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\">\"p\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\nnewParagraph<span class=\"token punctuation\">.<\/span>textContent <span class=\"token operator\">=<\/span> <span class=\"token string\">\"This is a new paragraph.\"<\/span><span class=\"token punctuation\">;<\/span>\n\nmyDiv<span class=\"token punctuation\">.<\/span><span class=\"token function\">prepend<\/span><span class=\"token punctuation\">(<\/span>newParagraph<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u0645\u062a\u062f append \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0639\u0646\u0627\u0635\u0631 \u0631\u0627 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627\u06cc \u0638\u0631\u0641 \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f\u0647 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u0648 \u062a\u0631\u062a\u06cc\u0628 \u0639\u0646\u0627\u0635\u0631 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \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=\"200\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/coderpad-blogpost-sinnerhtml-1026x684-1-300x200.png.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"innerHTML \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\/coderpad-blogpost-sinnerhtml-1026x684-1-300x200.png.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/coderpad-blogpost-sinnerhtml-1026x684-1-1024x683.png.webp 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2023\/07\/coderpad-blogpost-sinnerhtml-1026x684-1-768x512.png.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2023\/07\/coderpad-blogpost-sinnerhtml-1026x684-1.png 1026w\" 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\/200;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/innerhtml-in-javascript\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\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<\/a>\n<\/section><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u067e\u0648\u06cc\u0627 \u0628\u0627 Fetch<\/h3>\n\n\n\n<p>\u0627\u0641\u0632\u0648\u062f\u0646 \u0645\u062d\u062a\u0648\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0647 \u0648\u06cc\u0698\u0647 \u0647\u0646\u06af\u0627\u0645 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0627\u0632 \u06cc\u06a9 API \u06cc\u0627 \u0645\u0646\u0627\u0628\u0639 \u062e\u0627\u0631\u062c\u06cc \u0645\u0641\u06cc\u062f \u0627\u0633\u062a. API \u0648\u0627\u06a9\u0634\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 append \u060c \u0634\u0645\u0627 \u0631\u0627 \u0642\u0627\u062f\u0631 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f \u062a\u0627 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0648\u0628 \u062e\u0648\u062f \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0648 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f. \u0628\u0647 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u062a\u0648\u062c\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token function\">fetch<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"https:\/\/api.example.com\/data\"<\/span><span class=\"token punctuation\">)<\/span>\n\n<span class=\"token punctuation\">.<\/span><span class=\"token function\">then<\/span><span class=\"token punctuation\">(<\/span>response <span class=\"token operator\">=<\/span><span class=\"token operator\">&amp;<\/span>gt<span class=\"token punctuation\">;<\/span> response<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span>\n\n<span class=\"token punctuation\">.<\/span><span class=\"token function\">then<\/span><span class=\"token punctuation\">(<\/span>data <span class=\"token operator\">=<\/span><span class=\"token operator\">&amp;<\/span>gt<span class=\"token punctuation\">;<\/span> <span class=\"token punctuation\">{<\/span>\n\n    <span class=\"token keyword\">const<\/span> myDiv <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\">\"myDiv\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n    data<span class=\"token punctuation\">.<\/span><span class=\"token function\">forEach<\/span><span class=\"token punctuation\">(<\/span>item <span class=\"token operator\">=<\/span><span class=\"token operator\">&amp;<\/span>gt<span class=\"token punctuation\">;<\/span> <span class=\"token punctuation\">{<\/span>\n\n      <span class=\"token keyword\">const<\/span> newElement <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\">\"p\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n      newElement<span class=\"token punctuation\">.<\/span>textContent <span class=\"token operator\">=<\/span> item<span class=\"token punctuation\">.<\/span>text<span class=\"token punctuation\">;<\/span>\n\n      myDiv<span class=\"token punctuation\">.<\/span><span class=\"token function\">appendChild<\/span><span class=\"token punctuation\">(<\/span>newElement<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>\n\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n\n\n\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644\u060c \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0627\u0632 \u06cc\u06a9 API \u0648\u0627\u06a9\u0634\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0628\u0631\u0627\u06cc \u0647\u0631 \u0645\u0648\u0631\u062f\u060c \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0646 \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0628\u062e\u0634 \u0647\u062f\u0641 \u0627\u0636\u0627\u0641\u0647 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f. \u0627\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u067e\u0648\u06cc\u0627\u060c \u0645\u0627\u0646\u0646\u062f \u0646\u0645\u0627\u06cc\u0634 \u067e\u0633\u062a\u200c\u0647\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u06cc\u0627 \u0644\u06cc\u0633\u062a \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0628\u0647\u0628\u0648\u062f \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0627 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\u0647\u0627<\/h3>\n\n\n\n<p>\u0627\u0644\u062d\u0627\u0642 \u0639\u0646\u0627\u0635\u0631 \u0647\u0646\u06af\u0627\u0645 \u06a9\u0627\u0631 \u0628\u0627 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\u0647\u0627 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a. \u0628\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0639\u0646\u0627\u0635\u0631 Slider \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0631\u0627\u0628\u0637\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0648 \u0628\u0635\u0631\u06cc \u062c\u0630\u0627\u0628 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u062b\u0627\u0644\u06cc \u0627\u0632 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u062a\u062f append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\u06cc \u0633\u0627\u062f\u0647 \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token keyword\">const<\/span> sliderContainer <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\">\"sliderContainer\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">const<\/span> slides <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">&#91;<\/span><span class=\"token string\">\"slide1.jpg\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">\"slide2.jpg\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">\"slide3.jpg\"<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">;<\/span>\n\nslides<span class=\"token punctuation\">.<\/span><span class=\"token function\">forEach<\/span><span class=\"token punctuation\">(<\/span>slide <span class=\"token operator\">=<\/span><span class=\"token operator\">&amp;<\/span>gt<span class=\"token punctuation\">;<\/span> <span class=\"token punctuation\">{<\/span>\n\n  <span class=\"token keyword\">const<\/span> newSlide <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\">\"div\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  newSlide<span class=\"token punctuation\">.<\/span>classList<span class=\"token punctuation\">.<\/span><span class=\"token function\">add<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"slide\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  newSlide<span class=\"token punctuation\">.<\/span>style<span class=\"token punctuation\">.<\/span>backgroundImage <span class=\"token operator\">=<\/span> <span class=\"token template-string\"><span class=\"token template-punctuation string\">`<\/span><span class=\"token string\">url(<\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span>slide<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token string\">)<\/span><span class=\"token template-punctuation string\">`<\/span><\/span><span class=\"token punctuation\">;<\/span>\n\n  sliderContainer<span class=\"token punctuation\">.<\/span><span class=\"token function\">appendChild<\/span><span class=\"token punctuation\">(<\/span>newSlide<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><\/code><\/pre>\n\n\n\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f\u060c \u0645\u0627 \u06cc\u06a9 \u0639\u0646\u0635\u0631 sliderContainer \u0648 \u0622\u0631\u0627\u06cc\u0647\u200c\u0627\u06cc \u0627\u0632 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0627\u0633\u0644\u0627\u06cc\u062f \u062f\u0627\u0631\u06cc\u0645. \u0628\u0627 \u067e\u06cc\u0645\u0627\u06cc\u0634 \u0622\u0631\u0627\u06cc\u0647\u060c \u0639\u0646\u0627\u0635\u0631 \u0627\u0633\u0644\u0627\u06cc\u062f \u062c\u062f\u06cc\u062f\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u060c \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u0646\u0627\u0633\u0628 \u0631\u0627 \u0627\u062e\u062a\u0635\u0627\u0635 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645 \u0648 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0638\u0631\u0641 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0627\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0627\u0633\u0644\u0627\u06cc\u062f\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u06cc\u0627 \u062a\u0631\u062c\u06cc\u062d\u0627\u062a \u062e\u0648\u062f \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\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=\"152\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2022\/05\/String-in-JavaScript-300x152.jpg.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"String \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2022\/05\/String-in-JavaScript-300x152.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2022\/05\/String-in-JavaScript-768x388.jpg.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2022\/05\/String-in-JavaScript.jpg 890w\" 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\/152;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/javascript-string\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">String \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a &#8211; \u0622\u0645\u0648\u0632\u0634 \u0631\u0634\u062a\u0647 \u0647\u0627\u06cc \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>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f \u0639\u0645\u0644\u06cc \u0645\u062a\u062f append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u067e\u0631\u062f\u0627\u062e\u062a\u06cc\u0645 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0622\u0646 \u0631\u0627 \u062f\u0631 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0631\u062f\u06cc\u0645. \u0634\u0645\u0627 \u0686\u0647 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0627 DOM \u0633\u0631\u0648\u06a9\u0627\u0631 \u062f\u0631\u06cc\u062f \u06cc\u0627 \u0627\u0632 jQuery \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u062f\u0631\u06a9 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u0624\u062b\u0631 \u0627\u0632 append \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u067e\u0648\u06cc\u0627 \u0648 \u062a\u0639\u0627\u0645\u0644\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a. \u0628\u0627 \u0627\u0641\u0632\u0648\u062f\u0646 \u0639\u0646\u0627\u0635\u0631\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u0648\u0628 \u062e\u0648\u062f \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f\u060c \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0631\u0627\u0628\u0637\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u06cc \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u06cc\u062f.<\/p>\n\n\n\n<p>\u0627\u06af\u0631 \u0628\u0647 \u0641\u06a9\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0645\u062a\u062f append \u0648 \u0633\u0627\u06cc\u0631 \u0645\u062a\u062f\u0647\u0627 \u0648 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0633\u062a\u06cc\u062f\u060c \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u06cc\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a. \u062f\u0631 \u0645\u06a9\u062a\u0628 \u062e\u0648\u0646\u0647 \u0627\u0646\u0648\u0627\u0639 \u062f\u0648\u0631\u0647 \u0622\u0645\u0648\u0632\u0634 \u062c\u0627\u0648\u0627 \u0627\u06a9\u0633\u0631\u06cc\u067e\u062a \u0628\u0627 \u0631\u0648\u06cc\u06a9\u0631\u062f\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 \u0645\u0642\u062f\u0645\u0627\u062a\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0622\u0645\u0648\u0632\u0634 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c \u0622\u0645\u0648\u0632\u0634 \u0641\u0631\u06cc\u0645\u0648\u0631\u06a9 \u0648 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u063a\u06cc\u0631\u0647 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06a9\u0644 \u0645\u0645\u06a9\u0646 \u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 \u0647\u062f\u0641 \u06a9\u0645\u06a9 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f. \u0647\u0645 \u0627\u06a9\u0646\u0648\u0646 \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> \u0642\u062f\u0645 \u0627\u0648\u0644 \u0648 \u0645\u062d\u06a9\u0645 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0634\u062f\u0647 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u062f\u0627\u0631\u06cc\u062f.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0637\u06cc\u0641 \u06af\u0633\u062a\u0631\u062f\u0647\u200c\u0627\u06cc \u0627\u0632 \u0645\u062a\u062f\u0647\u0627 \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0628\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u062e\u0648\u0627\u0647\u062f \u062f\u0627\u062f \u0639\u0646\u0627\u0635\u0631 HTML \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc \u0648 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u0646\u062f. \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u0645\u062a\u062f\u0647\u0627\u060c append \u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f \u0639\u0645\u0644\u06cc \u0645\u062a\u062f append \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0622\u0646 \u0628\u0627 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645. \u0634\u0645\u0627 [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":30968,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,12],"tags":[],"class_list":["post-30966","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming-and-it-training","category-java-script-articles"],"_links":{"self":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/30966","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=30966"}],"version-history":[{"count":3,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/30966\/revisions"}],"predecessor-version":[{"id":66124,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/30966\/revisions\/66124"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media\/30968"}],"wp:attachment":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media?parent=30966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/categories?post=30966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/tags?post=30966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}