如何使用javascript将html5主要元素定位为父节点，以删除主要元素子元素

Question

Hi as the title say I am wondering how I can target the tag to use as a parent node using javascript so I can remove the contents of it (all 's children). 您好，如标题所说，我想知道如何使用javascript来定位标记以用作父节点，以便删除其内容（所有子项）。 Lets start with my html (I want to remove the button) 让我们从我的html开始（我要删除按钮）

<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="style.css">

    <title></title>


</head>

<body>

    <main>
        <input type="button" id="start" name="startQ" value="Start Quiz">
    </main>
<script src="script.js"></script>    
</body>

</html>

now I am kinda lost on how to target that main tag. 现在我有点不知道如何定位主要标签。 I know if I change main --> div id=main I could use the js code: 我知道是否可以更改main-> div id = main我可以使用js代码：

var x = document.getElementById("main");
x.parentNode.removeChild(x);

But id like to use main Any ideas? 但是id喜欢使用main有什么想法吗？

Thanks in advanced! 提前致谢！

Answer 1

to remove main tag 删除主标签

var x = document.getElementsByTagName('main')[0];
x.parentNode.removeChild(x);

to remove button 删除按钮

var x = document.getElementById("start");
x.parentNode.removeChild(x);

如何使用javascript将html5主要元素定位为父节点，以删除主要元素子元素

问题描述

1 个解决方案

解决方案1
2 已采纳 2013-10-26 06:25:37

如何使用javascript将html5主要元素定位为父节点，以删除主要元素子元素

问题描述

1 个解决方案

解决方案1 2 已采纳 2013-10-26 06:25:37

解决方案1
2 已采纳 2013-10-26 06:25:37