بستن منو
۶۳
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با javascript
9
متغیرها (Variables) در javascript
4
کار با رشته ها (متن ها - Strings) در javascript
13
نمایش پیام در javascript
3
آرایه ها (Arrays) در javascript
5
عملیات های ریاضی در javascript
8
تاریخ و زمان در javascript
10
افزودن و یا حذف محتوا و کد، به صفحه، در javascript
1
کار با کل صفحه ، در javascript
1
تکنیک Ajax ، در javascript
4
مباحث عمومی در javascript
5
×

دانلود فروشگاه اندروید کلیدستان

2398

نویسنده

علیرضا گلمکانی ( admin )

شماره کلید
دسته کلید - دسته بندی

انتخاب یک عنصر دلخواه از صفحه بر اساس id آن عنصر، با استفاده از روش document.getElementById در javascript

همان طور که می دانید، در صفحه، می توانیم عناصر مختلف را با id های منحصربفرد، مشخص کنیم تا در بخش های دیگر کدها، به آتها ارجاع داده و مشخصاتشان را تغییر بدهیم (مثلا در CSS خیلی از این شیوه برای تغییر ویژگی های عناصر HTML صفحه استفاده می شود). در javascript نیز با استفاده از روش document.getElementById ، می توانیم به یک عنصر صفحه، بر اساس id آن، ارجاع داده و ویژگی های آن را تغییر بدهیم.

به مثال زیر توجه کنید :

مثال :

ابتدا یک پاراگراف (تگ های p) را با id برابر paragraph1 مشخص می کنیم و سپس با کدهای javascript ، پس زمینه پاراگراف مورد نظر را به رنگ آبی در می آوریم :


<html>
<head>
</head>

<body>

<p id="paragraph1">
This is a paragraph.
</p>

<script type="text/javascript">
     document.getElementById("paragraph1").style.backgroundColor="blue";
</script>

</body>

</html>

نتیجه :

Result

نکته مهم :

همان طور که مشاهده می کنید، کدهای javascript را بعد از کدهای HTML عنصر مورد نظر نوشته ایم، چنانچه کدهای javascript قبل از کدهای عنصر قرار می گرفتند، دیگر رنگ پس زمینه عنصر هیچ تغییری نمی کرد. بنابراین همیشه به یاد داشته باشید که باید کدهای javascript ای که به یک عنصر اشاره دارند را بعد از کدهای تعریف آن عنصر (هر مکانی، اما بعد از کدهای آن عنصر) بنویسید.

کپی برداری از محتوای سایت کلیدستان، ممنوع بوده و پیگرد قانونی دارد. (تنها استفاده شخصی کاربر، مجاز است) (کپی برداری توسط سایر وب سایت ها = حرام) (بیشتر بدانید)

خوانده شد
مبحث بالا، مفید بود و سایت کلیدستان را دوست داشتم :
محبوب کردن این مبحث در گوگل :
اون چیزی که میخواستم نبود :
سوال دارم :
ارسال نظر :
نظرات 0 0 0

*** نظر بدهید

دسترسی سریع

×

شماره کلید


کلید
×

شماره دسته کلید


دسته کلید
×

جستجو


جستجو
بستن منو
۱۹۰
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مجموعه ویدئوهای آموزشی JavaScript - مجموعه JavaScript Tutorials - از thenewboston.com
40
مجموعه ویدئوهای آموزشی AJAX - مجموعه AJAX Tutorials - از thenewboston.com
23
مجموعه ویدئوهای آموزشی JavaScript - مجموعه JavaScript Tutorial
75
مجموعه ویدئوهای آموزشی JavaScript - مجموعه Learn JavaScript
19
مجموعه ویدئوهای آموزشی JavaScript برای مبتدیان - مجموعه JavaScript beginner tutorials
33
بستن منو
۲۶
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با برنامه نویسی jQuery
10
اشاره به عنصرهای صفحه، در jQuery
2
رویدادها (events) در jQuery
6
تغییر محتوای صفحه، در jQuery
6
فرم ها (Forms) در jQuery
1
مباحث عمومی در jQuery
1
بستن منو
۵۸
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با HTML
24
نمایش متن، در HTML
5
نمایش عکس، در HTML
5
لینک ها (Link)، در HTML
1
لیست ها (List)، در HTML
1
جدول ها (Table)، در HTML
2
فرم ها (Form)، در HTML
10
مباحث عمومی، در HTML
10

آخرین کلیدهای غیررایگان

شما هم می توانید کلیدهای غیررایگان منتشر کنید (بیشتر بدانید)