كيف يتم تغير خصائص الـtags في الـhtml عن طريق الجافاسكربت ؟!!

  • el3zahaby

السلام عليكم...

اريد فقط معرفة كيفية تغير خصائص الـtags في الـhtml عن طريق الجافاسكربت

اي انني مثلا عندي

مربع نص

فقط للقرائة ولا يمكن الكتابة فيه

كيف يمكن عند الضغط عليه اضافة فيه class جديد وحذف كلمة " readonly="readonly" ؟ وارجاعهبالعنصر الاصلي بعد التعديل

اظنه امر بسيط اعرف :D

لكن لغة الجافا سكربت ليست مقربة لي ^_^

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

بالنسبة للجافا سكربت استخدم setAttribute

مثال :

document.getElementsByTagName("input").setAttribute("readonly", "");

وبالنسبة للجيكوري استخدم دالة attr

مثال :

$("input").attr('readonly','');

 اما بالنسبة لاضافة class استخدم addClass ولحذفه استخدم removeClass

استعمل jquery...

فسيكون اسهل كثيرا

تصفحت صفحة الجيكويري

لكن بعد التحويل لا اعرف كيف يمكنني ان احفظ النص وارجع الوسم الاصلي

-1

طلبك لا يبدو منطقياً من حيث التصميم وقابلية الاستخدام: أن تنشط عنصراً معطلاً بمجرد النقر عليه!

لو كان سؤالك متعلقاً بتغير مظهر العنصر بمجرد النقر عليه فحسب، فـ CSS تفي بالغرض.

نعم، ما تطلبه ممكن عملياً، لكني أقصد إنه ليس منطقياً من حيث التصميم وقابلية الاستخدام، أي أن المستخدم سيراه سلوكاً غريباً وغير متوقع.

لا ..

ففي تصميمي عند الhover (وضع الماوس) على مربع النص هذا يتم تغير شكل الماوس الى شكل يد pointer

وايضا تظهر

:after

يكون مضمونها :

تغير الاسم