صفحه اصلی / تلگرام / اموزش HTML DOM Elements , ایجاد یک عنصر در Dom

اموزش HTML DOM Elements , ایجاد یک عنصر در Dom

مجموعه اموزش HTML DOM Elements در Javascript

 ایجاد یک عنصر در Dom

با سلام خدمت شما بازدیدکنندگان گرامی مجله اینترنتی شماسافت در این پست از مبحث توسعه و برنامه نویسی – javascript (جاوا اسکریپت) قصد اموزش HTML DOM Elements ,  ایجاد یک عنصر در Dom را داریم. این مطلب ادامه مبحث درسترسی به یک عنصر در dom می باشد که لازم است پیش از هرچیزی مورد مطالعه قرار گیرد.

 

بخش اول این اموزش

 ایجاد یک عنصر در Dom:

برای اینکه یک عنصر را ایجاد کنیم می بایست از متد createElement در کدهای خود استفاده کنیم.

پس برای شروع ابتدا یک صفحه html ایجاد و سپس در پایین صفحه یک تگ script برای شروع کدنویسی ایجاد میکنیم.

 

برای ایجاد یک تگ می بایست از کد زیر استفاده کنید.

 

پس از ایجاد یک عنصر می بایست ان را در جایی پیوست یا به اصطلاح appendکنید برای این کار از کد زیر استفاده میکنیم.

خروجی کد بالا به صورت زیر اجرا میشود.

<div><p></p></div>

حال برای اینکه این اموزش کامل و یک متن نیز به پاراگراف که ساختیم اضافه کنیم از متد createTextNode استفاده میکنیم به این صورت که رشته به صورت متنی ایجاد و در پاراگراف خود به روش بالا ان را اضافه می کنیم و سپس پاراگراف به دایو اضافه می کنیم.

کد های نهایی به شکل زیر خواهد بود.

این بود از بخش دوم اموزش dom در جاوا اسکریپت ممنون از اینکه تااخر این مبحث همراه ما بودید.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *