使用标准JavaScript删除元素时,必须先转到其父级:
var element = document.getElementById("element-id");
element.parentNode.removeChild(element);
首先必须转到父节点对我来说有点奇怪,JavaScript是否有这样的原因？
我是个新手.有人可以告诉我如何使用原始的Javascript而不是jQuery删除HTML元素.
index.html
<html>
<head>
<script type="text/javascript" src="myscripts.js" > </script>
<style>
#dummy {
min-width: 200px;
min-height: 200px;
max-width: 200px;
max-height: 200px;
background-color: #fff000;
}
</style>
</head>
<body>
<div id="dummy"></div>
<form>
<input type="submit" value="Remove DUMMY" onclick="removeDummy(); "/>
</form>
</body>
myscripts.js
function removeDummy() {
var elem = document.getElementById('dummy');
elem.parentNode.removeChild(elem);
}
单击提交按钮时会发生什么,它会在很短的时间内消失,然后立即显示回来.我想在单击按钮时完全删除元素.