Estoy tratando de ejecutar una función que cambia el tamaño del margen superior según lo que se muestra. Sin embargo, no parece estar funcionando?
<body onload="changeFooter()"> <script> const heading = document.getElementById('verify'); const footer = document.getElementById('footer') function changeFooter () { if (heading == true){ footer.style.marginTop = "200px" } }también probé esto
function changeFooter () { if (heading.match('Verify')){ footer.style.marginTop = "200px" } } </script> <h1 id="verify" class="verifyheading">Verify Identity</h1>Gracias
document.getElementById devuelve el elemento (si existe) o nulo, no booleano (verdadero/falso).
Simplemente puede hacer if(heading) { ... } como su condición.
Aquí hay un fragmento basado en su código: https://codepen.io/29b6/pen/XWZVqWx
Deje que coloque el código de línea de <h1> antes de su etiqueta de secuencia de script , heading se anulará si aún no se define:
<body onload="changeFooter()"> <h1 id="verify" class="verifyheading">Verify Identity</h1> <div id="footer">Footer with marginTop</div> <script> const heading = document.getElementById('verify'); const footer = document.getElementById('footer') function changeFooter () { if (heading){ footer.style.marginTop = "200px" } } </script>