时间戳

首页 > 解决方案 > 需要帮助以减少代码（我不是专家）

javascript - 需要帮助以减少代码（我不是专家）

问题描述

我正在创建一个条件以在启动函数时显示一些 div 并隐藏其他 div。这是我选择的代码，可以减少它吗？

if (select.value=="v-smartphones-modele-samsungs6"){
          document.getElementById('div-smartphone-result-apple').style.display = "none";
          document.getElementById('div-smartphone-result-samsung').style.display = "block";
          document.getElementById('div-smartphone-marque').style.display = "block";
          document.getElementById('div-smartphone-marque-samsung').style.display = "block";
          document.getElementById('div-smartphone-grade-samsung').style.display = "block";
          document.getElementById('div-tablettes').style.display = "none";
          
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs6-capacite').style.display = "block";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs6edge-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs6edgeplus-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs7-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs7edge-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs8-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs8plus-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs9-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs9plus-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs10-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs10plus-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs10e-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs20-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs20plus-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs20ultra5g-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsungs20fe-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsunggalaxyfold-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsunggalaxyzflip-capacite').style.display = "none";
          document.getElementById('div-smartphone-marque-samsung-modele-samsunggalaxyzfold2-capacite').style.display = "none";
         
         
          document.getElementById('div-grade-samsungs6').style.display = "block";
          document.getElementById('div-grade-samsungs6edge').style.display = "none";
          document.getElementById('div-grade-samsungs6edgeplus').style.display = "none";
          document.getElementById('div-grade-samsungs7').style.display = "none";
          document.getElementById('div-grade-samsungs7edge').style.display = "none";
          document.getElementById('div-grade-samsungs8').style.display = "none";
          document.getElementById('div-grade-samsungs8plus').style.display = "none";
          document.getElementById('div-grade-samsungs9').style.display = "none";
          document.getElementById('div-grade-samsungs9plus').style.display = "none";
          document.getElementById('div-grade-samsungs10').style.display = "none";
          document.getElementById('div-grade-samsungs10plus').style.display = "none";
          document.getElementById('div-grade-samsungs10e').style.display = "none";
          document.getElementById('div-grade-samsungs20').style.display = "none";
          document.getElementById('div-grade-samsungs20plus').style.display = "none";
          document.getElementById('div-grade-samsungs20ultra5g').style.display = "none";
          document.getElementById('div-grade-samsungs20fe').style.display = "none";
          document.getElementById('div-grade-samsunggalaxyfold').style.display = "none";
          document.getElementById('div-grade-samsunggalaxyzflip').style.display = "none";
          document.getElementById('div-grade-samsunggalaxyzfold2').style.display = "none";
         
          document.getElementById('div-smartphone-result-samsungs6').style.display = "block";
          document.getElementById('div-smartphone-result-samsungs6edge').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs6edgeplus').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs7').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs7edge').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs8').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs8plus').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs9').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs9plus').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs10').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs10plus').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs10e').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs20').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs20plus').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs20ultra5g').style.display = "none";
          document.getElementById('div-smartphone-result-samsungs20fe').style.display = "none";
          document.getElementById('div-smartphone-result-samsunggalaxyfold').style.display = "none";
          document.getElementById('div-smartphone-result-samsunggalaxyzflip').style.display = "none";
          document.getElementById('div-smartphone-result-samsunggalaxyzfold2').style.display = "none";

          
         }

标签： javascript

解决方案

如果你id在 HTML 中创建了这些，你应该给它们一个class，然后在你的 JavaScript 上，你可以document.getElementByClassName将它们的所有样式设置为阻止

法语：

Salut, je vois que tu es Fr ^^ Deja bienvenu à toi,

Si t'as avez créé ces iddans ton HTML, tu dois leur donner une classe, puis sur ton JavaScript, tu peux document.getElementByClassNameet définir tous leurs 风格。

推荐阅读