تصف هذه المقالة حل النمط غير الصالح. display = "" في JS. شاركه للرجوع إليه. الحل المحدد هو كما يلي:
1. وصف المشكلة:
في JS ، نريد أحيانًا التحكم في DIV بشكل ديناميكي لعرض أو إخفاء العمليات ، ولكن إذا كنا نمطير.
انظر إلى الكود التالي:
انسخ الرمز على النحو التالي: <style>
#اسم
{
العرض: لا شيء ؛
}
</style>
</head>
<body>
<div id = "name">
اسمي ابتسامة.
</div>
</body>
</html>
<script>
window.onload = function () {
document.getElementById ('name'). style.display = "" ؛
تنبيه ("اختبار") ؛
}
</script>
يعرّف CSS div باسم المعرف على أنه مخفي ، وبعد تحميل الصفحة ، نستخدم JS للتحكم في عرض المعرف. هل هناك أي خطأ في كتابة هذا؟
هل هناك أي خطأ؟ ولكن لماذا لا تزال الواجهة فارغة؟
2. الحل:
تذكر أن هناك استخدامًا آخر لـ xxx.style.display = "block" ثم لنجربه.
للأسف ، لقد أظهر بالفعل! ! !
ثم دعونا نتحقق من الفرق بين style.display = "" و style.display = "block".
في الواقع ، فإن الفرق الأكبر بين هذين هو أن الكتلة يتم عرضها بواسطة الكتل ، لذلك سيكون هناك استراحات أسطر. لذلك نظرًا لوجود مثل هذا الاختلاف فقط ، فلماذا يمكن عرض المرء في هذا المثال والآخر لا؟ يقلق.
حسنًا ، دعنا نذهب إلى هذه المشكلة أولاً. دعونا نرى كيف نحلها في المشكلة الحالية. بالإضافة إلى استخدام style.display = "block" لحلها ، هناك طريقة أخرى:
انسخ الرمز كما يلي: <div id = "name" style = "display: none">
اسمي ابتسامة.
</div>
<script>
document.getElementById ('name'). style.display = "" ؛
</script>
إنه لاستخدام النمط مع اسم المعرف للبناء في العلامة ، بحيث يمكن عرضه بشكل طبيعي بغض النظر عما إذا كان يتم عرضه = "" أو معروض = "Block"!
آمل أن يكون الوصف في هذه المقالة مفيدًا لبرمجة الويب للجميع بناءً على JavaScript.