我的removeChild方法有问题。浏览器给我一个类型错误。
这是我的代码：
的HTML
<header>
<div id="header-div">
<img id="logo-image" src="img.jpg" alt="image">
</div>
<div class="mobile-hamburger">
<a href="#menu" class="box-shadow-menu">text</a>
</div>
</header>
JS
var windowWidth = parseInt(window.innerWidth);
if (windowWidth >= 700) {
let headerTag = document.getElementsByTagName("header");
let hamburgerMenu = document.getElementsByClassName("mobile-hamburger");
hamburgerMenu.headerTag.removeChild(hamburgerMenu);
}
当窗口宽度为1920px时，我正在测试它。我还可以看到浏览器抓取<header>标签，并<div>与"mobile-hamburger"一流的调试工具。所以他们很好。
我removeChild在这里找不到线的问题。我在调用元素的父元素后将其删除。
这是一个使用此代码的jsfiddle：https ://jsfiddle.net/u3r9m5f0/
document.getElementsByTagName和document.getElementsByClassName返回节点列表，它们是类似数组的对象。您需要在第一个索引处获取元素。
您也有语法parent.removeChild(child)错误
var windowWidth = parseInt(window.innerWidth);
if (windowWidth >= 700) {
let headerTag = document.getElementsByTagName("header")[0];
let hamburgerMenu = document.getElementsByClassName("mobile-hamburger")[0];
headerTag.removeChild(hamburgerMenu);
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句