文章/答案/技术大牛

发布

社区首页 >问答首页 >用香草javascript从DOM中删除元素

问用香草javascript从DOM中删除元素
EN

Stack Overflow用户

提问于 2017-01-23 14:17:36

回答 2查看 13.6K关注 0票数 6

我有一个表单，并尝试删除它的按钮点击。

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
</head>
<body>
    <button onclick="remove()">remove</button>

    <form action="test.html" class="contactForm" dir="ltr" enctype="multipart/form-data" method="post">
        <ol>
            <li class="csc-form-9 csc-form-element csc-form-element-textline">
                <label for="field-9">Vorname</label>
                <input class="inputFormText" id="field-9" name="tx_form[firstname]" type="text"/>
            </li>
            <li class="csc-form-10 csc-form-element csc-form-element-textline">
                <label for="field-10">Nachname</label>
                <input class="inputFormText" id="field-10" name="tx_form[lastname]" type="text"/>
            </li>

        </ol>
    </form>

    <script>
    function remove()
    {
        var x = document.getElementsByClassName("contactForm");

        console.log(x);

        x.remove();
    }
    </script>

</body>
</html>

根据这篇文章，只需调用DOM元素上的remove()就可以了。然而，我得到：

(索引)：30 TypeError: x.remove不是HTMLButtonElement.onclick ((索引)：7)上的一个函数

javascript

html

dom

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-01-23 14:18:59

getElementsByClassName方法返回一个类似数组的元素集合，因此按索引获取元素。

x[0].remove();

或者使用querySelector方法获取单个元素。

var x = document.querySelector(".contactForm");

票数 16

Stack Overflow用户

发布于 2017-01-23 14:19:03

   var x = document.getElementsByClassName("contactForm")[0];

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41808449

复制

相似问题

问用香草javascript从DOM中删除元素
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用香草javascript从DOM中删除元素EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用香草javascript从DOM中删除元素
EN