It is necessary that the class "general-info__grid-view" be added when clicking. In my code, the required class is added only to the first paragraph, and it is necessary that it be added to all paragraphs. My code is:

document.getElementById("grid").onclick = function() { document.body.querySelector(".general-info__description").classList. remove("general-info__grid-none"); document.body.querySelector(".general-info__description").classList. add("general-info__grid-view"); } 
 .general-info__grid-none { display: none; } .general-info__grid-view { display: block; float: left; margin: 0; } 
 <div id="grid">grid</div> <div class="general-info__records-container"> <p class="general-info__description general-info__grid-none">Covering:</p> </div> <div class="general-info__records-container"> <p class="general-info__description general-info__grid-none">Type:</p> </div>

    2 answers 2

    querySelector returns only one item. You need querySelectorAll

     document.getElementById("grid").onclick = function() { [...document.body.querySelectorAll(".general-info__description")].forEach(el => { el.classList.remove("general-info__grid-none"); el.classList.add("general-info__grid-view"); }); } 
     .general-info__grid-none { display: none; } .general-info__grid-view { display: block; float: left; margin: 0; } 
     <div id="grid">grid</div> <div class="general-info__records-container"> <p class="general-info__description general-info__grid-none">Covering:</p> </div> <div class="general-info__records-container"> <p class="general-info__description general-info__grid-none">Type:</p> </div>

    • Unfortunately, it does not work at all; no change when you click - Serge
    • @Serge, and in the example, why does it work? See the console that reports ... - Air
     document.getElementById("grid").onclick = function () { var generalInfo = document.querySelectorAll(".general-info__description"); generalInfo.forEach(function(generalInfo) { generalInfo.classList.add("general-info__grid-view"); }); };
    • Why give the same answer as Darth gave. It makes no sense. - And