Question

0

151

Visualizações

open/close sidebar changing buttons

 function w3_open() {
 document.getElementById("mySidebar").style.display = "block";
 document.getElementById("w3-button").style.display = "none"
 document.getElementById("w3-buttondos").style.display ="inline-block"

 }

 function w3_close() {
 document.getElementById("mySidebar").style.display = "none";
 document.getElementById("w3-buttondos ").style.display = "none"
 document.getElementById("w3-button").style.display ="inline-block"
 }

<button class="w3-button w3-teal" onclick="w3_open()">&#9776;</button>
     <button class="w3-buttondos w3-teal" onclick="w3_close()">&#10006;</button>

it says me -> Uncaught TypeError: document.getElementById(...) is null

about 4 years ago · Juan Pablo Isaza

2 Respostas

Responde à pergunta

0

If you are using document.getElementById() then you must declare id property in html element. Like: id="w3-button"

function w3_open() {
  document.getElementById("mySidebar").style.display = "block";
  document.getElementById("w3-button").style.display = "none"
  document.getElementById("w3-buttondos").style.display ="inline-block"
 }

 function w3_close() {
  document.getElementById("mySidebar").style.display = "none";
  document.getElementById("w3-buttondos").style.display = "none"
  document.getElementById("w3-button").style.display ="inline-block"
 }

<button id="w3-button" class="w3-button w3-teal" onclick="w3_open()" hidden>&#9776;</button>
<button id="w3-buttondos" class="w3-buttondos w3-teal" onclick="w3_close()">&#10006;</button>
<div id="mySidebar">
  My Sidebar
</div>

about 4 years ago · Juan Pablo Isaza Relatório

Responde à pergunta

Encontrar trabalhos remotos

Accepted Answer · 2022-07-04T03:16:53.299Z

document.getElementById does not target a node by its class="" but by its id=""

<button id="w3-button" class="w3-button w3-teal" onclick="w3_open()">&#9776;</button>

To target an element by its class you can use document.querySelector

document.querySelector(".w3-button")

0

151

open/close sidebar changing buttons

2 Respostas

0

0

Encontrar trabalhos remotos

Andres GPT