使用javascript查找html页脚标记

Question

我在html文件中有一个这样的页脚标记 <footer data-role="footer" data-theme="b"> <h4 > My Web Site </h4> </footer> 我想用javascript隐藏这个页脚，请帮帮我。

Answer 1

您可以使用document.querySelector或document.getElementsByTagName。

document.querySelector('footer').style = 'display: none'

Answer 2

您可以为此页脚指定一个ID，然后使用document.getElementById检索并隐藏它：

document.getElementById('footer_id').style = 'display: none;';

如果您无法修改标记，可以使用document.getElementsByTagName函数。

var footers = document.getElementsByTagName('footer');
footers[0].style = 'display: none;';

显然，如果标记中有多个<footer>元素，getElementsByTagName函数将返回所有元素，您必须从数组中选择正确的元素。