通过 id 更改页脚大小

Question

我正在尝试运行一个根据显示的内容更改上边距大小的函数。但是，它似乎没有用？

<body onload="changeFooter()">

<script>

const heading = document.getElementById('verify'); 
const footer = document.getElementById('footer')


function changeFooter () {
   if (heading == true){
       footer.style.marginTop = "200px"
   }
}

也试过这个

function changeFooter () {
   if (heading.match('Verify')){
       footer.style.marginTop = "200px"
   }
}



</script>


 <h1 id="verify" class="verifyheading">Verify Identity</h1>

谢谢

Answer 1

document.getElementById returns 元素（如果存在）或 null，不是布尔值 (true/false)。

你可以简单地if(heading) { ... } 作为你的条件。

这是基于您的代码的片段：https://codepen.io/29b6/pen/XWZVqWx

Answer 2

让 <h1> 的行代码放在 script 标签之前，如果尚未定义，heading 将为空：

<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>

通过 id 更改页脚大小

change footer size by id

html

javascript

css

dom