CodeW3C دروس عبر الإنترنت
  • دروس سلسلة HTML
  • Browser Script
  • Server Script
  • دروس البرمجة
  • دروس سلسلة XML
  • دليل إنشاء المواقع
  • دليل مرجعي

Schedule

JS Reference Manual

  • JS Reference Manual (Category Order)
  • JS Reference Manual (Alphabetical Order)

JavaScript

  • JS Array
  • JS Boolean
  • JS Class
  • JS Date
  • JS Error
  • JS Global
  • JS JSON
  • JS Map
  • JS Math
  • JS Number
  • JS Promise
  • JS RegExp
  • JS Set
  • JS String
  • JS Object
  • JS Operator
  • JS Operator Precedence
  • JS Statement
  • JS Typed Array

Window

  • مثل Window
  • Window Console
  • Window History
  • Window Location
  • Window Navigator
  • Window Screen

HTML DOM

  • HTML Document
  • HTML Element
  • HTML Attribute
  • HTML Event
  • HTML Event Object
  • HTML Collection
  • HTML NodeList
  • HTML DOMTokenList
  • HTML Style

Web API

  • API Canvas
  • API Console
  • API Fetch
  • API Fullscreen
  • API Geolocation
  • API History
  • API MediaQueryList
  • API Storage
  • API Validation
  • Web API

HTML Object

  • <a>
  • <abbr>
  • <address>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <bdo>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dialog>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <footer>
  • <form>
  • <head>
  • <header>
  • <h1> - <h6>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <ins>
  • <input> button
  • <input> checkbox
  • <input> color
  • <input> date
  • <input> datetime
  • <input> datetime-local
  • <input> email
  • <input> file
  • <input> hidden
  • <input> image
  • <input> month
  • <input> number
  • <input> password
  • <input> radio
  • <input> range
  • <input> reset
  • <input> search
  • <input> submit
  • <input> text
  • <input> time
  • <input> url
  • <input> week
  • <kbd>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <map>
  • <mark>
  • <menu>
  • <menuitem>
  • <meta>
  • <meter>
  • <nav>
  • <object>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <param>
  • <pre>
  • <progress>
  • <q>
  • <s>
  • <samp>
  • <script>
  • <section>
  • <select>
  • <small>
  • <source>
  • <span>
  • <strong>
  • <sub>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <td>
  • <tfoot>
  • <th>
  • <thead>
  • <tr>
  • <textarea>
  • <time>
  • </a></li> <li><a href="/ar/jsref/dom_obj_track.html" title="مفهوم Track DOM HTML"><track></a></li> <li><a href="/ar/jsref/dom_obj_u.html" title="مفهوم Underline DOM HTML"><title></a></li> <li><a href="/ar/jsref/dom_obj_ul.html" title="مفهوم Ul DOM HTML"><track></a></li> <li><a href="/ar/jsref/dom_obj_var.html" title="مفهوم Variable DOM HTML"><u></a></li> <li><a href="/ar/jsref/dom_obj_video.html" title="مفهوم Video DOM HTML"><ul></a></li> </ul> <h2><var></h2> <ul> <li><a href="/ar/jsref/obj_cssstyledeclaration.html" title="مفهوم CSSStyleDeclaration"><video></a></li> <li><a href="/ar/jsref/jsref_type_conversion.html" title="تحويلات نوع JavaScript">تحويلات نوع JS</a></li> </ul> </div> <div><h3><center> الدورة الخيارية </center><h3> <h2>اقتراح الدورة:</h2> <ul> <li><a href="/ar/howto/index.html" title="صندوق الأدوات CodeW3C.com">صندوق الأدوات CodeW3C.com</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>طريقة createElement() الخاصة بـ HTML DOM Document</h1> <div class="prenextnav-ref"> <ul> <li> الصفحة السابقة <a href="/ar/jsref/met_document_createdocumentfragment.html" title="طريقة createDocumentFragment() لمستند DOM HTML">createDocumentFragment()</a></li> <li> الصفحة التالية <a href="/ar/jsref/event_createevent.html" title="طريقة createEvent() لمستند DOM HTML">createEvent()</a></li> <li> العودة إلى الطبقة السابقة <a href="/ar/jsref/dom_obj_document.html" title="مستندات DOM HTML">مستندات DOM HTML</a></li> </ul> </div> <div> <h2>التعريف والاستخدام</h2> <p><code>createElement()</code> يُستخدم هذا الطريقة لإنشاء عقدة عناصر.</p> <h3>انظر أيضًا:</h3> <p><a href="/ar/jsref/met_node_appendchild.html" title="طريقة appendChild() للاعتبار DOM HTML">طريقة appendChild() لعنصر</a></p> <p><a href="/ar/jsref/met_node_insertbefore.html" title="طريقة insertBefore() للاعتبار DOM HTML">طريقة insertBefore() لعنصر</a></p> </div> <div> <h2>مثال</h2> <h3>مثال 1</h3> <p>إنشاء علامة <p> وربطها إلى المستند:</p> <pre class="language-js"> const para = document.createElement("p"); para.innerText = "This is a paragraph"; document.body.appendChild(para); </pre> <p class="tiy"><a target="_blank" href="/ar/tiy/t.html?f=jsck_document_createelement_1">جرب بنفسك</a></p> <h3>مثال 2</h3> <p>إنشاء علامة <p> وربطها إلى عنصر:</p> <pre class="language-js"> const para = document.createElement("p"); para.innerHTML = "This is a paragraph."; document.getElementById("myDIV").appendChild(para); </pre> <p class="tiy"><a target="_blank" href="/ar/tiy/t.html?f=jsck_document_createelement_2">جرب بنفسك</a></p> <h3>مثال 3</h3> <p>إنشاء زر:</p> <pre class="language-js"> const btn = document.createElement("button"); btn.innerHTML = "Hello Button"; document.body.appendChild(btn); </pre> <p class="tiy"><a target="_blank" href="/ar/tiy/t.html?f=jsck_document_createelement_3">جرب بنفسك</a></p> </div> <div> <h2>النحو</h2> <pre>document.createElement(<i>tagName</i>)</pre> <h3>المعامل</h3> <table class="dataintable"> <tr> <th style="width: 25%;">المعامل</th> <th>الوصف</th> </tr> <tr> <td><i>tagName</i></td> <td> <p>مطلوب. اسم العلامة للعنصر الذي سيتم إنشاؤه.</p> <p>يمكن استخدام أي حجم من الحروف الكبيرة والصغيرة في اسم العلامة HTML.</p> <p>يجب التمييز بين الحروف الكبيرة والصغيرة في اسم العلامة XML.</p> </td> </tr> </table> <h3>القيمة المعدلة</h3> <table class="dataintable"> <tr> <th style="width: 25%;">النوع</th> <th>الوصف</th> </tr> <tr> <td>النقطة</td> <td>النقطة الجديدة الم 创建ت تحتوي على اسم العلامة المحدد.</td> </tr> </table> <h3>استثنائية</h3> <p>إذا كان tagName يحتوي على رموز غير قانونية، فإن هذا الطريقة ستعمل على رمز <code>INVALID_CHARACTER_ERR</code> استثنائية DOMException.</p> </div> <div> <h2>دعم المتصفح</h2> <p><code>document.createElement()</code> هو خاصية مستوى DOM 1 (1998).</p> <p>يدعم جميع المتصفحات:</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>IE</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>يدعم</td> <td>9-11</td> <td>يدعم</td> <td>يدعم</td> <td>يدعم</td> <td>يدعم</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> الصفحة السابقة <a href="/ar/jsref/met_document_createdocumentfragment.html" title="طريقة createDocumentFragment() لمستند DOM HTML">createDocumentFragment()</a></li> <li> الصفحة التالية <a href="/ar/jsref/event_createevent.html" title="طريقة createEvent() لمستند DOM HTML">createEvent()</a></li> <li> العودة إلى الطبقة السابقة <a href="/ar/jsref/dom_obj_document.html" title="مستندات DOM HTML">مستندات DOM HTML</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> أداة Box </center><h3> <h5 id="tools_reference"><a href="/ar/jsref/index.html">مرجع JavaScript و HTML DOM</a></h5> <h5 id="tools_example"><a href="/ar/js/js_examples.html">أمثلة JavaScript</a></h5> <h5 id="tools_quiz"><a href="/ar/js/js_quiz.html">اختبار JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/ar/js/index.html">دروس JavaScript</a></h5> </div> <div><h3><center> روابط الممولين </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> المحتوى المقدم من CodeW3C.com مخصص فقط للتعليم والتدريب، ولا يضمن صحة المحتوى. لا علاقة بين المخاطر التي تنشأ من استخدام محتوى هذا الموقع وبين هذا الموقع. حقوق الطبع محفوظة، يُحفظ جميع الحقوق. </p> <p id="p2"> <a href="/ar/about/index.html" title="عن CodeW3C.com">عن CodeW3C.com</a> <a href="/ar/about/about_helping.html" title="مساعدة CodeW3C.com">مساعدة CodeW3C.com</a> <a href="/ar/about/about_use.html" title="عن الاستخدام">شروط الاستخدام</a> <a href="/ar/about/about_privacy.html" title="عن الخصوصية">شروط الخصوصية</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ممكن بتشغيل Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>