جاوا اسکریپت به زبان ساده: بخش نهم - انتخاب المان‌های HTML

مقالهمرتبط اخبار اقتصادی فیس بوک و کمبریج آنالیتیکا؛ کابوس حریم شخصی مارک زاکربرگ، بنیان گذار و مدیر عامل ، اخیرا پذیرفت که شرکت تحت مدیریتش از سرقت اعات بیش از ۵۰ کاربر این اجتماعی در سال ۲۰۱۵ توسط کمبریج آنالیتیکا اع داشته است کمبریج آنالیتیکا یک شرکت تحلیل کلان داده است که با کمپین تبلیغاتی دونالد ترامپ، رئیس جمهورایالات اخبار بازار مسکن متحده هاری داشته زاکربرگ در یک پست در گفت این نقض اعتماد بود و ما باید آن را رفع کنیم اما این تنها چیزی نیست که باید آن را رفع کند فرانسیس شولِت، مهندس ن افزار و یادگیری ماشین در دیپ مایند ، در یک توییت اعلام کرد تنها مشکل از دست دادن حریم امن کاربران نیست حقیقت این است که می تواند به عنوان چشم و گوش واه اخبار اقتصاد جهان به به کار برود به نظر من مسئله نگران کننده تر، استفاده از اعات ازدست رفته به عنوان یک بردار کنترل روانشناختی است او در یک توییت که هزاران بار به اشتراک گذاشته شد، بر این نکته تأکید کرده است حتی گلن گرینوالد، کارشناس حوزه و نویسنده نیز با بازنشر توییت شولت، آن را نقطه نظری درخور دانست گلن رینوالد از اخبار تولید و تجارت جملهبزرگ ترین و شناخته شده ترین کارشناسان و خبرنگاران حوزه است که در افشای اعات ادوارد اسنودن نیز حضور فعالی داشت و جزو معدود خبرنگارانی بود که در هتلی که ی ها برای اولین بار در هنگ کنگ اتفاق اد، در کنار اسنودن حضور داشت گرینوالد علاوه بر اینکه توییت شولت را بسیار تحسین و آن را تصدیق کرده، نقطه نظر خود اخبار شرکت ها را نیز به آن اضافه کرده است گرینوالد در این خصوص گفته به یاد یاد داشته باشید که نیز یک استثمارگر با کمترین شفافیت و نظارت عمومی است البته شولت در رابطه با نقطه نظر گرینوالد موضع گیری کرده و مخالفت خود را به روشنی اظهار داشته است وی گفت این نوع تفکر و شبیه سازی دو شرکت اصلا منطقی و مبتنی بر تفکر نیست اخبار محمود احمدی نژاد فقط به این دلیل که دو مورد شباهت های ظاهری به هم دارند هر دو تکنولوژی و شرکت های بزرگی هستند به این معنی نیست که آن ها برابر هستند چرا؟ به فید خبری دقت کنید اگر تصمیم بگیرد، می تواند همهاخبار واقعی یا ین که شما دید ه اید، به روزرسانی وضعیت های سیاست مدارانی که دیده اید و همهکسانی که شما را دیده اند، در اخبار برجام طول چند سال به دست بیاورد بنابراین باور های سیاسی و نقطه نگرش شما را تحت کنترل دارد فیل منچر، استاد علوم و اعات در دانشگاه ایندیانا، در رابطه با کارش که تحقیق روی اخبار غیر واقعی است، گفت های به کاررفته در پلتف های اجتماعی مانند تصمیم گیری ما را به سمت آشکار و عیان کردن بیش از پیش تعصبات اجتماعی-شناختی دونالد ترامپ می برد؛ البته موتور های جستجو مثل ، به طور کامل در این زمینه بی گناه نیستند مقاله های مرتبط فیس بوک و کمبریج آنالیتیکا؛ کابوس حریم شخصی سایکوگرافیک؛ کمبریج آنالیتیکا چگونه ذهنیت رأی دهندگان را می شناختاعاتی که از کاربران می داند و نحوه ثبت این اعات نقطه نظر فیل منچر در رابطه با تغییر قالب مشاهدهاخبار عربستان و در نتیجه تغییر تأثیرگذاری اخبار بسیار جالب توجه است به عقیدهمنچز، سوگیری یک به جانبداری اجتماعی-شناختی منجر می شود که از جملهآن می توان به تعصب تأیید نوع تفکر که طی آن، کاربر در پی ین شواهدی برای تأیید باور خود است اشاره کرد که به نوبهخود به این دامن می زند

برای مثال، م پیش از این اخبار شبانه را تماشا جنگ ایران و عربستان می کردند یا مقاله های محلی را می خواندند؛ حال تغییر قالب مشاهدهاخبار باعث شده است کاربران به جای استفاده از رسانه هایی نظیر و نشریات، به سمت های اجتماعی سوق پیدا کنند و آسیب پذیرتر شوند برای مثال های اجتماعی و موتورهای جستجو تلاش می کنند که پیش بینی کنند چه مطلبی برای چه کسانی می تواند جذاب باشد های اخبار صنعت، معدن و بازرگانی رتبه بندی از محبوبیت به عنوان یکی از عناصر فول خود استفاده می کنند بیشتر افراد در گروه شما با یک قطعه خبری ین ارتباط برقرار می کنند و به آن جذب می شوند؛ بنابراین افرادی شبیه شما آن را مشاهده می کنند اجتماعی می تواند به عنوان یک تقویت کننده عمل کند؛ زیرا افراد نزدیک به شما عقایدی مشابه شما دارند، و بیشتر اخبار مسکن و عمران آن ها احتمالا از طریق نوع خاصی از اخبار ین مورد فریب قرار می گیرند و این به معنی تمایل بیشتر شما به مشاهدهآن ها است شولت در رابطه با جدا کردن عملکرد از اضافه می کند تنها یک شرکت وجود دارد که از های غیر شفاف فید خبری استفاده کرده و در رسوایی های انتخاباتی نقش داشته و بارها و بارها نشان داده است که آن از نظر اخبار بورس اخلاقی وضعیت مناسبی ندارد اساسا هیچ یک از رفتارهای گفته شده نه در ، نه آمازون و نه قابل مشاهده نیست هرچند شانس زیادی برای مشاهده شدن چنین رفتارهایی دارد؛، اما نمی توان به صورت کامل چنین شواهدی را در آن مشاهده کرد سؤل مهم، چرایی استفاده از توسط است چرا از استفاده می کند؟ برای ایجاد فید خبری؟این مسئله بورس کالا شولت را شگفت زده می کند او در این رابطه می گوید شخصا من از این موضوع بسیار هراس دا اگر شما در زمینه فعالیت می کنید، لطفا از آن ها حمایت نکنید های آن ها را دنبال نکنید در اکو تحقیقاتی آن ها شرکت نکنید لطفا کمی اخلاق داشته باشید مارک زاکربرگ در روز چهارشنبه ۲۱ مارس ۲۰۱۸ در گفتگویی با اظهار کرد که خوشحال آینده نگر بازار خواهد شد برای کنگره با مدرک ثابت کند که در اتفاقات مثبتی رخ خواهد داد وی همچنین گفت امیدوار است خطاها و اشتباهات ناشی از رسوایی کمبریج آنالیتیکا را برطرف کند او نوشت من را تأسیس کردم و در پایان، مسئول آنچه در این پلتف رخ خواهد داد، من هستم بیشتر بخوانید تشخیص و جداسازی اصوات با استفاده از یادگیری عمیق اخبار بیمه اان نصب ‌ عامل در ‌ بوک‌ را فراهم می‌کند ۲۰ نفر از کاربران از نسخه‌های تقلبی ادبلاکر استفاده می‌کنند رقابت و برای تصاحب ۶۰ ثانیه از زمان معرفی تا پیام‌ رسان چت در جلسه گذشته با آرایه ها آشنا شدیم در این جلسه می خواهیم به شما نکات ناگفته جدیدی از آرایه ها را نشان دهیم مثلا اگر بخواهید تمامی آیتم های اخبار خودرو یک آرایه را به صورت یکسان تغییر دهید، چکار می کنید؟ اگر دنبال یک آیتم خاص در یک آرایه بگردید چه کار انجام می دهید؟ تمامی این ها سؤالاتی هستند که در این جلسه می خواهیم بدان ها پاسخ دهیم با ما شوید تعریف کلی از حلقه سؤال اول چرا باید از حلقه استفاده کنیم؟ جواب این سؤال را با چند مثال می دهیم

فرض کنید می مقالات مدیران خواهیم یک کار تکراری را روی تمامی آیتم ها یک آرایه انجام دهیم مثلا یک آرایه داریم که آیتم های آن اعداد زوج از ۲ تا ۱۰ هستند! اگر بخواهیم این آرایه را تبدیل به اعداد فرد کنیم چه کار می کنیم؟ آیا پیشنهادتان این است که تک تک آیتم های آرایه را جداگانه بنویسیم و به آن مقدار جدید فرد م؟ مسلما این پیشنهاد خوبی نیست اخبار نفت و پتروشیمی هر چند در یک آرایه کوچک و مشخص می تواند عمل کند؛ ولی در یک آرایه که از سمت با حجم اعات زیاد به سمت شما می آید، مطرح کردن چنین پیشنهاداتی حتی خنده دار خواهد بود! اینجا است که پیشنهاد شما نوشتن یک حلقه خواهد بود ولی حلقه چیست و چه کار می کند؟ حلقه ها بر اساس نوع کاربردشان دارای چند تعریف متفاوت هستند و به طور اخبار فرهنگ و هنر کلی به چند نوع تقسیم می شوند حلقه وقتی استفاده می شود که بخواهیم یک کار مشخص و تکراری را برای آیتم های یک آرایه، تکرار کنیم در ضمن می توانیم هر بار که این کار را تکرار می کنیم، یک مقدار جدید بدان اضافه کنیم این نوع حلقه مشابه حلقه است؛ با این تفاوت که در آبت ها مورد استفاده می گیرد - این حلقه تا وقتی که دنیای بورس مقدار یک شرط برابر باشد، کار مشخصی را تکرار می کند مشابه حالت قبل تا زمانی که مقدار یک شرط برابر باشد، یک کار مشخص را تکرار می کند در این دوره ما تنها حلقه و حلقه را به علت کاربرد بیشترشان توضیح می دهیم برای خواندن دیگر حلقه ها می توانید به منابع آموزش دیگر مراجعه کنید توضیح حالت اول - حلقه در آرایه ها کچاد فرض کنید یک آرایه از انواع متغیرها داریم و می خواهیم تمامی متغیرها را به ترتیب در یک المان اچ تی ام ال نمایش دهیم یک راه حل کاملا عجیب ! این است که تک تک آیتم های آرایه را جداگانه در صفحه بنویسیم که این کار ه به تعداد آیتم های آرایه من است سال ها به طول بینجامد! یک راه حل اصولی تر این است که برای این کار تکراری وپارس نوشتن نام پیتزاها در اچ تی ام ال یک حلقه بسازیم تا کار نمایش آن ها را تکرار کند برای نوشتن یک حلقه به طور کلی طبق قاعده زیر پیش خواهیم رفت = = { //تغییراتی که مي خواهیم روی آرایه انجام شود } این عبارت به طور خلاصه چه معنا است؟ یعنی از ابتدای حلقه = شروع کن و تا جایی که حلقه ادامه دارد کوچک تر از طول حلقه وسین یا شماره به شماره جلو بیا یعنی از صفر به یک و از یک به دو و الی آخرین شماره از حلقه پارامتر اول = نوع باید عدد باشد در اینجا ما درون پرانتز ابتدا یک متغیر به نام تعریف کرده و مقدار آن را مساوی با صفر قرار داده ایم = این متغیر در واقع نمایانگر وضعیت شمارش آیتم ها و تعداد دفعات تکرار حلقه ما است می توانیم حاریا به جای هر اسم دیگری را به عنوان متغیر در اینجا بنویسیم همچنین اگر بخواهیم از اولین آیتم آرایه، یعنی آیتم شماره صفر یادآوری می کنیم که آرایه ها از شماره صفر شروع می شوند کار حلقه شروع شود مقدار آن را مساوی صفر قرار مي دهیم و اگر بخواهیم از آیتم شماره دوم شروع شود، مقدار آن را مساوی ۲ و الی آخر = = ثتوسا { //تغییراتی که هر بار مي خواهیم روی آرایه انجام شود از آیتم سوم آرایه با احتساب صفر شروع خواهد شد } پارامتر دوم

نوع باید عدد باشد پارامتر بعدی که بعد از علامت و بعد از تعریف متغیر نشان داده شده است، تعداد دفعاتی را نشان می دهد که می خواهیم این کار روی آرایه تکرار شود در این قسمت ما عبارت را نوشته ایم سپ یعنی تعداد دفعات را برابر طول آیتم های آرایه قرار داده ایم تا بدین ترتیب تا زمانی که آیتمی در آرایه باقی مانده است این کار تکرار شود می توانستیم در اینجا یک عدد دیگر لزوما باید کمتر از طول آرایه باشد بنویسیم مانند زیر = = { // تغییراتی که هر بار مي خواهیم روی آرایه انجام شود از آیتم دوم آرایه با احتساب ثنور صفر شروع خواهد شد و تا آیتم ۵ ادامه خواهد داشت } نکته اگر به جای علامت کوچک تر مساوی در عبارت = از علامت کوچک تر استفاده می کردیم چه اتفاقی می اد! در واقع در حالت ف و استفاده از علامت کوچک تر مساوی شماره ۵ آرایه یا آیتم آخر آرایه در دستور نیز جزو آیتم های مورد استفاده در حلقه قرار می گیرد؛ ولی در صورت استفاده شستان از علامت کوچک تر تنها، آیتم آخر حلقه به حساب نخواهد امد برای مثال حلقه زیر را ببینید = { // تغییراتی که هر بار مي خواهیم روی آرایه انجام شود از آیتم صف آرایه با احتساب شروع آرایه ها از شماره صفر شروع خواهد شد و تا قبل از رسیدن به آیتم ۵ یعنی تا آیتم ۴ ادامه خواهد داشت } پارامتر سوم - سومین پارامتر در حلقه زنگان های جاوا اسکریپت نحوه جلو رفتن در آرایه است اگر خاطرتان باشد، علامت یعنی هر بار یکی به مقدار متغیر اضافه کن پس اینجا هم منظوان این است که مقدار را یکی اضافه کن این مقدار دقیقا تا جایی که در پارامتر قبلی شرط کرده ایم ادامه پیدا می کند یعنی مثلا تا طول حلقه یا عدد ۵ در مثال قبلی ادامه پیدا خواهد کرد حالا فسرب برای درک بهتر موضوع آرایه ها، فرض کنید یک آرایه به نام داریم که می خواهیم مقادیر آن را در صفحه نمایش دهیم برای این کار یک حلقه برای آرایه می نویسیم = [ ] = { = [] }حلقه گاهی مي خواهیم تا زمانی که یک شرایط خاص برقرار است فرآیند مشخصی نیز انجام شود مثلا یک داریم که در آن میخواهیم تا زمانی که اشتباهات خکاوه کاربر به ۱۰۰ نرسیده است به وی حق ادامه را م در این حالت از حلقه می توانیم استفاده کنیم در حلقه وایل یک شرط مشخص می کنیم و سپس با هر بار اجرای حلقه، آن شرط را چک میکنیم تا زمانی که به شرط مورد نظر برسیم، این فرآیند تکرار می شود { = } در نوشتن حلقه دقت کنید که عددی را که در شرط از آن استفاده کرده گکیش اید، حتما درون حلقه اضافه کنید؛ اگر این کار را نکنید، حلقه هیچوقت به پایان نمی رسد؛ یعنی هیچوقت به شرط اولیه ای که گفتیم نخواهد رسید و سبب کرش کردن مرورگر می شود حلقه و شباهت های بسیاری از نظر کاربرد به یکدیگر دارند حلقه خصوصا زمانی استفاده می شود که با شرایط نامشخصی سر و کار دارید

مثلا یک متغیر در ابتدای سصوفی صفحه تعریف کرده اید و این متغیر بعدا مثلا چند دقیقه بعد در حین اجرای کد تغییر میکند و شما میخواهید تا زمانی که این متغیر به شرط دلخواه می رسد، کاری توسط حلقه انجام شود بدین ترتیب حلقه تا زمان رسیدن به شرایط مناسب خودش تکرار می کند در مثال زیر حلقه تا زمانی که آرایه ما ادامه دارد یعنی ا [] وجود دارد خودش کفرآور را تکرار می کند و همان کار را انجام می دهد = [ ] = = [] { = [] } استفاده از حلقه در المان های اچ تی ام ال اگر خاطرتان باشد در چند جلسه گذشته، نحوه انتخاب المان های اچ تی ام ال را آموختیم در آنجا نحوه انتخاب المان های اچ تی ام ال توسط نام تگ یا نام کلاس را به جلسات بعدی و بعد از یادگیری آرایه ها واگذار وگردش کردیم حالا وقت آن رسیده است تا این مبحث را با ک آموخته هایمان از آرایه ها تکمیل کنیم فرض کنید می خواهیم تمامی پاراگراف های یک متن را تغییر دهیم برای این کار ابتدا به ک انتخابگر تگ، کل تگ های پاراگراف را انتخاب میکنیم به صورت پیش فرض نتیجه این انتخاب به صورت یک آرایه خواهد بود مثال = � = = { [] شمواد = } سخن پایانی حلقه در جاوا اسکریپت کاربردهای فراوانی دارد بنابراین آموخته های این جلسه را به تمرین های بیشتر در ذهنتان تثبیت کنید در جلسات بعدی سراغ مباحث جذاب تری از جمله های جاوا اسکریپتی خواهیم رفت بیشتر بخوانید ترکیب جاوا اسکریپت و بلاک در یک مرورگر تهدیدی برای آگهی‌های تبلیغاتی چرا جاوا اسکریپت کالا4 در میان ‌‌ نویسان محبوب است؟ جاوا اسکریپت به زبان ساده - جلسه شانزدهم - رویدادها یا ایونت‌ها جاوا اسکریپت به زبان ساده جلسه چهاردهم - آرایه بخش اول جاوا اسکریپت به زبان ساده جلسه سیزدهم - آبت‌ بخش دوم - پیشرفته تمامی صفحات وب از کدهای اچ تی ام ال تشکیل شده اند با ک و استایل های آن، این کدها ظاهر مرتب تر گکوثر و زیباتری به خود می گیرند جاوا اسکریپت نیز به شما ک می کند این المان های زیبا را تغییر دهید مثلا محتوای اچ تی ام ال ها را تغییر دهید، آن را حذف کنید یا متنی به آن اضافه کنید و ! در این جلسه با نحوه انتخاب المان های اچ تی ام ال آشنا خواهیم شد با ما شوید چگونه یک المان اچ تی ام ال را با ک جاواسکریپت انتخاب تاپیکو کنیم؟ اگر با زبان سی اس اس آشنا باشید، می دانید که به صورت کلی چند روش برای انتخاب المان ها وجود دارد! انتخاب بر اساس ، انتخاب بر اساس نام یا انتخاب بر اساس نوع تگ مثلا کل تگ های یا صفحه

در جاوا اسکریپت نیز همین قانون برقرار است یعنی شما می توانید المان های صفحه را بر اساس نام ، نام کلاس یا نوع تگ انتخاب سباقر کنید در تمامی این حالت ما از آبتی به نام ک می گیریم! آبت داکیمونت را مانند یک ظرف خیلی بزرگ در نظر بگیرید که کل اعات صفحه در آن ذخیره شده است پس وقتی می خواهیم به صفحه اچ تی ام ال در جاوا اسکریپت دسترسی داشته باشیم، می رویم و داخل این جعبه را نگاه می کنیم و با جستجو در آن المان مورد نظان را انتخاب می کنیم سفارود برای انتخاب المان های اچ تی ام ال از جعبه روش های زیر را یاد خواهیم گرفت انتخاب المان بر اساس در این حالت فرض می کنیم که المان های اچ تی ام ال ما دارای منحصربه فردی هستند که به ک آن می توانیم المان را شناسایی و توسط جاوا اسکریپت انتخاب و در صورت تمایل تغییرات مورد نیازمان را اعمال کنیم دستور کلی جاوااسکریپت پاسا برای انتخاب المان بر اساس شناسه یا آی دی به صورت زیر است این کار توسط دستور انجام می شود در این دستور یا همان متد خودمان ما یک پرانتز داریم که داخل این پرانتز باید دو تا بگذاریم سپس داخل این کوتیشن ها نام آی دی المان تعریف شده در اچ تی ام ال را قرار می دهیم مثلا یک المان با دمو داریم = -- این دی قرار است فاراک توسط جاوا اسکریپت انتخاب شود / حالا می خواهیم آن را توسط جاوا اسکریپت انتخاب کنیم '--' در این مثال ما المان با آی دی -- را انتخاب کرده ایم و می توانیم روی آن تغییر ایجاد کنیم انتخاب بر اساس نام تگ گاهی می خواهیم تمامی تگ های اچ تی ام ال را به صورت یکجا انتخاب کنیم! مثلا می خواهیم هر چه تگ یا در صفحه است، لکما یکجا انتخاب کنیم و یکجا آن ها را تغییر دهیم در این حالت جاوااسکریپت روش مخصوص خودش را به ما می دهد این روش که با نام شناخته می شود دستور نوشتن انتخاب بر اساس نام تگ نیز به شکل زیر است در این مثال ما کل المان های پاراگراف را که با تگ در صفحه شناخته می شوند، انتخاب کرده ایم دقت کنید که در اینجا ما مجموعه قجام ای از المنت ها را با هم انتخاب می کنیم، پس در دستور خود کلمه را به جای در دستور قبلی می نویسیم انتخاب المان بر اساس نام کلاس گاهی می خواهیم همه المان هایی را که دارای یک کلاس مشخص هستند، انتخاب کنیم در این حالت می توانیم از دستور استفاده کنیم و نام کلاس را با درون پرانتز بگذاریم = '' در این حالت های وب هم نتیجه انتخاب ما یک مجموعه از المنت های اچ تی ام ال خواهد بود برای تغییر روی چنین مجموعه ای که بدان آرایه می گوییم، باید روش های کار با آرایه هایی مثل استفاده از حلقه را یاد بگیریم

به همین خاطر در این جلسه اعمال تغییرات روی اچ تی ام ال را تنها محدود به حالت می کنیم و مباحث بیشتر در مورد این موضوع را به دریشمک جلسات آینده موکول خواهیم کرد ذخیره المان اچ تی ام ال در متغیراگر بخواهیم حرفه ای تر برخورد کنیم، بهتر است المان انتخاب شده را در داخل یک متغیر بریزیم بدین ترتیب هر وقت نام آن متغیر را بنویسیم به تمامی محتوای آن دسترسی داریم و می توانیم روی آن هر تغییری که دوست داریم اعمال کنیم = '' بعد از انتخاب توسط فالوم جاوا اسکریپت، چه تغییراتی می توان روی اچ تی ام ال انجام داد؟حالا فرض کنیم که یک المان را توسط جاوا اسکریپت انتخاب کنیم! این کار به چه دردمان می خورد؟ آن وقت می توانید تمامی تغییراتی که جاوا اسکریپت به شما اجازه می دهد روی آن المان انجام دهید در واقع با انتخاب یک المان توسط جاوا اسکریپت، یک آبت همانند یک وساپا ظرف کوچک دیگر در نظر بگیرید از آن المنت خواهید داشت که در درون این آبت قابلیت های وجودی دارد مثل محتوای داخل جعبه ! مثلا می توانید اچ تی ام ال این المان را تغییر دهید محتوای داخل جعبه را انتخاب و تغییر دهید می توانید آن را حذف کنید بدان تگ جدیدی اضافه کنید! یک کلاس سی اس اس جدید بدان اضافه کنید و در ادامه خپارس لیست تغییراتی را که به طور کلی روی المان های اچ تی ام ال بعد از انتخاب توسط جاوا اسکریپت انجام می دهیم، مرور می کنیم تغییر در متن فرض کنید می خواهید متن یک تگ را بعد از کلیک روی یک دکمه تغییر دهید نه سی اس اس نه اچ تی ام ال هیچکدام اان تغییر در متن را بعد از رندر شدن توسط مرورگر نمی دهند؛ ولی جاوا اسکریپت این خزامیا اان را در اختیار شما قرار می دهد برای تغییر متن از دستور بعد از نام المان استفاده می شود = محتوای جدیددر زیر مرحله به مرحله این کار را انجام داده ایم مرحله اول انتخاب المان در صفحهبا توجه به نکاتی که بالاتر گفتیم می توانیم یک المان اچ تی ام ال را بر اساس یا یا تگ آن انتخاب کنیم برای مثال برای تغییر محتوای ساذری متن المان با نام مراحل زیر را طی می کنیم فایل = من را تغییر بده! / فایل جاوا اسکریپت '' در این مرحله ما در واقع از آن المان اچ تی ام ال که انتخاب کرده ایم یک آبت می سازیم آبت را در جلسات بعدی مفصل تر صحبت خواهیم کرد؛ ولی برای درک بهتر، آبت اچ تی ام ال را مانند ظرفی در نظر بگیرید که درون آن دستورات و روش های دفرا مختلفی برای تغییر المان ذخیره شده است! برای دسترسی به این دستورات، کافی است نام دستور مورد نظان را در کنار نام آبت بنویسیم و یک علامت بگذاریم! نکته مهم می توانیم المان اچ تی ام ال را بعد از انتخاب در یک متغیر ذخیره کنیم این کار چه فایده ای دارد؟ مهم ترین فایده آن است که اگر بخواهیم بعدا تغییر دیگری روی سخوز این المان اعمال کنیم مجبور نیستیم باز هم دستور '' را بنویسیم و این کارها را تکرار کنیم! چون تمامی اعات المان در یک متغیر ذخیره شده و کافی است نام متغیر را به دستور دلخواه کنار آن بنویسیم!برای مثال محتوای المان اچ تی ام ال با با نام را در یک متغیر به نام ذخیره می کنیم = '' مرحله دوم انجام تغییرات مورد نظر دفارا توسط جاوا اسکریپتبعد از انتخاب المان توسط جاوا اسکریپت وقت آن رسیده است تا روی آن تغییرات ایجاد کنیم گفتیم که هر المان در جاوا اسکریپت به صورت یک آبت ظرفی که محتوای آن دستورات جاوا اسکریپتی و اعات مربوط به المان ذخیره می شود

برای اعمال تغییر روی این المان اچ تی ام ال دستور دلخواه را می نویسیم مثلا برای شاراک تغییر محتوا از دستور استفاده می کنیم '' = من تغییر کرده ام مثال های دیگر مثال اول = - متن دکمه تغییر کند / - = تغییر متن دکمه مثال دوم در این مثال می خواهیم کمی متفاوت عمل کنیم! مثلا محتوای ذخیره شده در یک متغیر را روی یک المان بنویسیم = - من را تغییر د! / = متن جدید ما - = همانطور که دیدید، یک استرینگ حتوکا را که در یک متغیر ذخیره شده است، به عنوان متن جدید به تگ با آی دی - داده ایم مثال سوم در این مثال قصد داریم کمی خلاقانه تر از این موضوع استفاده کنیم در جاوا اسکریپت دستوری به نام وجود دارد این دستور یک پنجره مشابه الرت باز می کند؛ با این تفاوت که کاربر می تواند در این پنجره متن هم تایپ کند برای ساخت یک خرینگ پنجره ، یک متغیر با نام دلخواه می سازیم و دستور را به عنوان مقدار به آن می دهیم در نتیجه این متغیر یک پنجره ٰرا در مرورگر باز می کند = - سن شما / = سن خود را وارد کنید != { - = شما ساله هستید }همچنین دقت کنید دستور تنها متن را تغییر نمی دهد! در واقع تمامی را که داخل آن تگ وجود دارد تغییر می دهد برای شکف مثال اگر المان اچ تی ام ال شما دارای بچه های دیگری مثل تگ های پاراگراف یا یا هر چیز دیگری باشد، بعد از این کار حذف و محتوای جدید جایگزین آن می شود!نکته بعدی آن است که شما می توانید یک اچ تی ام ال جدید را به جای استرینگ بنویسید مثلا - = ' سلام! / = - یک المان داخلی / ' تغییر -های اچ تی ام ال یکی دیگر از مواردی دسانکوح که می توانید روی المان های اچ تی ام ال انجام دهید، تغییر -های آن ها است برای این کار کافی است نام را بعد از المان اچ تی ام ال بنویسید و مقدار جدید را بدان اختصاص دهید

= مقدار جدیدمثال برای مثال در زیر می خواهیم اتریبیوت در تصویر دارای با نام - را تغییر دهیم! برای این کار به راحتی دستور زیر می نویسیم - پلاسک = - در مثال بعدی می خواهیم مقدار یک اینپوت متنی در اچ تی ام ال را در صفحه چ کنیم! برای این کار ابتدا باید مقدار اینپوت را توسط جاوا اسکریپت ذخیره کنیم = = - = یک متن در داخل اینپوت = - متن اینپوت / = - - = مثال سوم در سومین مثال می خواهیم یک دکمه را به ک جاوا اسکریپت کنیم این کار نیز به سادگی هر چه تمام قپیرا تر قابل اجرا است = - دکمه فعال / = - دکمه غیر فعال / فایل - = - = با تغییر اتریبیوت در تگ و یا کردن آن می توانیم دکمه ها را فعال یا غیر فعال کنیم نکته پایانی همانطور که گفتیم هر اتریبیوتی در هر المان اچ تی ام الی قابل دسترسی است کافی است نام آن اتریبیوت را بنویسید تا مقدار آن را بگیرید مثلا برای دری چکارم نام یک ف = = - / - از این دست مثال ها بی نهایت وجود دارد کافی است خودتان دست به کار شوید و اتریبیوت تگ های مختلف را امتحان کنید استفاده از در جاوا اسکریپت یکی از قابلیت های اان اضافه کردن اتریبیوت های جدید به تگ های است مثلا فرض کنید می خواهید به یک المان علاوه بر اتربیوت و که به صورت پیش فرض در همه شاوان المان های وجود دارند یک اتریبیوت دلخواه اضافه کنید که محتوای دلخواهتان را در خودش ذخیره می کند

مثلا می خواهیم همه المان های ما دارای یک متن پیش فرض باشند که در صورت خالی بودن متنشان، این متن در آن ها نمایش داده شود برای این کار یک راه حل این است که یک اتریبیوت به اچ تی ام ال تگمان اضافه کنیم قاعده کلی قشهد اضافه کردن اتریبیوت به اچ تی ام ال به صورت زیر است -= محتوای المنت / بدین ترتیب که همیشه کلمه - و بعد از آن ، نام اتریبیوت دلخواهمان را می نویسیم مثلا = - = - -= تگ با اتریبیوت دلخواه / در این مثال ما یک تگ با اتریبیوت دلخواه ساخته ایم اگر کلمه اتریبیوت ما چندبخشی باشد مانند برای جدا کردن هر کلمه از علامت وایران - استفاده می کنیم و نام هر اتریبیوت را می نویسیم مثلا = - = - --= تگ با اتریبیوت دلخواه / همچنین شما می توانید بی نهایت اتریبیوت دلخواه به المان های اچ تی ام ال خود اضافه کنید و هیچ محدودیتی در این زمینه برای شما اعمال نشده است برای مثال = - = - --= - --= تگ با اتریبیوت دلخواه / حالا وقتی بخواهیم مقدار این اتریبیوت کرازی ها را در جاوا اسکریپت بگیریم، چه کار باید بکنیم؟ اینجا کمی کار ما دچار تغییر می شود! برای این کار مراحل زیر را طی می کنیم ۱ انتخاب المان بر اساس یا هر انتخاب گر دیگری که یاد گرفته ایم = - = - -= --= - --= تگ با اتریبیوت دلخواه / - همانطور که گفتیم می توانیم هر المان اچ تی ام ال را در یک متغیر ذخیره کنیم تا هر گپارس زمان خواستیم روی آن تغییر دهیم مجبور نباشیم کدها را از نو بنویسیم بدین ترتیب کد بالا به صورت زیر می شود = - مرحله دوم برای دری مقدار هایی که خودمان به تگ اچ تی ام ال اضافه کرده ایم از قاعده کلی زیر استفاده می کنیم این بدین مفهوم است که ما تمامی اتریبیوت های جدیدمان را در یک جا به نام ذخیره داریم و از سغرب داخل این آبت می توانیم هر یک را جدا گانه داشته باشیم برای مثال در المنت اچ تی ام ال زیر خواهیم داشت = - = - -= --= - --= تگ با اتریبیوت دلخواه / = - = = = همچنین به یاد داشته باشید در اتریبیوت های چنداسمی به جای علامت - حرف اول را بزرگ می نویسیم مثلا -- می شود سخن پایانی در نهمین جلسه از آموزش جاوا اسکریپت آکنتور با نحوه انتخاب المان های اچ تی ا م ال صفحه آشنا شدیم نکات نگفتهبسیاری در رابطه با انتخاب و تغییر المان های اچ تی ام ال وجود دارد که سعی می کنیم در جلسات بعدی و بعد از یادگیری مباحث مربوط به آن ها را نیز بازگو کنیم بیشتر بخوانید ترکیب جاوا اسکریپت و بلاک در یک مرورگر تهدیدی برای آگهی‌های تبلیغاتی چرا واحصا جاوا اسکریپت در میان ‌‌ نویسان محبوب است؟ جاوا اسکریپت به زبان ساده - جلسه شانزدهم - رویدادها یا ایونت‌ها جاوا اسکریپت به زبان ساده جلسه پانزدهم - تعریف حلقه و جاوا اسکریپت به زبان ساده جلسه چهاردهم - آرایه بخش اول


جاوا اسکریپت به زبان ساده: بخش نهم - انتخاب المان‌های HTML