التنفيذ البسيط لإضافة فئات متعددة إلى عناصر بواسطة JavaScript
<html> <head> <style type = "text/css"> .div2 {font-size: 16px ؛ اللون: برتقالي. } .div3 {font-size: 20px ؛ اللون: الأزرق. } <Style> <script type = "text/javaScript"> [1] قم بتعيين النمط مباشرة إلى className var odiv = document.getElementById ('div1') ؛ Odiv.ClassName = div3 // بهذه الطريقة ، سنحصل على class = "div3" وسنقوم بالكتابة مباشرة على نمط div2 ؛ [2] استخدم التراكم لتعيين القيمة إلى className var odiv = document.getElementById ('div1') ؛ Odiv.ClassName+= ""+Div3 // هناك فجوة بين النمط والنمط ، لذلك أضف سلسلة فارغة لفصلها // يمكن إضافتها بشكل طبيعي ، ولكن عندما نضيف النمط ، يتعين علينا التفكير فيما إذا كان لديه نفس النمط من قبل. إذا أضفته ، فسيصبح عبئًا ، على سبيل المثال class = "div2 div3 div3" ؛ [3] تحقق مما إذا كان النمط له نفس النمط قبل var odiv = document.getElementById ('div1') ؛ دالة hasclass (العنصر ، csname) {element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)')) ؛ // استخدم الكشف المنتظم لمعرفة ما إذا كان هناك نفس النمط} [4] بناءً على [3] ، يمكننا الحكم على النمط على العنصر. var odiv = document.getElementById ('div1') ؛ دالة hasclass (العنصر ، csname) {return element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)') ؛ // استخدم الكشف المنتظم لمعرفة ما إذا كان هناك نفس النمط} وظيفة addClass (العنصر ، csName) {if (! hasclass (element ، csname)) {element.classname+= ''+csname ؛ } addClass (ODIV ، 'Div3') ؛ // بهذه الطريقة يمكنك إضافة أنماط إلى العنصر بمرونة ؛ [element delete relete style] // نفس الشيء لجعل الحكم أولاً ، وحذف var odiv = document.getElementById ('div1') ؛ دالة hasclass (العنصر ، csname) {return element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)') ؛ // استخدم الكشف المنتظم لمعرفة ما إذا كان هناك نفس النمط} دالة deleteclass (العنصر ، csname) {if (! hasclass (element ، csname)) {element.classname.replace (regexp ('(// s |^)'+csname+'(// s | $)') ، '') ؛ // استخدم العادية لالتقاط اسم النمط المراد حذفه ، ثم استبداله بسلسلة فارغة ، أي ما يعادل الحذف} deleteclass (ODIV ، Div3) ؛ } </script> </head> <body> <div id = "div1" class = 'div2'> اختبار </div> </body> </html>التنفيذ البسيط لإضافة فئات متعددة إلى عناصر في JavaScript هو المحتوى الكامل الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.