在Javascript中删除<p class ="classname">？

Question

如何<p>在javascript中删除此标记及其所有内容？

说我有这个HTML代码

<p class="classname">
    <input name="commit" value="Get Value" type="submit"> <span>or Cancel</span>
</p>

现在我需要在javascript中替换/删除它,有谁知道我如何删除它？

Answer 1

假设您不想更改标记:最简单的方法是使用库.例如,使用jQuery:

jQuery('.classname').remove();

否则,您需要获取对元素的引用,然后:

el.parentNode.removeChild(el);

获取元素的引用是棘手的部分.有些浏览器实现了getElementsByClassName,但你必须编写自己的或者使用第三方实现来完成剩下的工作.

if (!document.getElementsByClassName) {
    document.getElementsByClassName = function (className) {
        /* ... */
    }
}

如果您愿意更改标记,则为该元素指定一个id并使用document.getElementById来获取对它的引用.