js，html5，css3.求js里面的remove（）方法如何使用？

JavaScript023

js，html5，css3.求js里面的remove（）方法如何使用？,第1张

js中的话没有remove()方法吧，这是jquery中的方法；

要在js中删除元素的话，需要根据元素获取其父级元素，再调用.removeChild()方法。

实例代码，如：

1、新建一个html文件，命名为test.html，用js删除图片。

2、在test.html文件内，使用p标签创建多段文字，同时设置每个p标签id属性,主要用于下面使用js获得对应的p标签对象。

3、在test.html文件内，使用button标签创建一个“删除html”的按钮。

4、在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行delhtml()函数。

5、在js标签内，创建delhtml()函数，在函数内实现对指定的p图片进行删除。

6、在myfun()函数内，通过getElementById()方法获得p标签对象，使用remove()方法删除html。在浏览器中打开test.html文件，点击按钮，就可以了。

有好几种方式哈

html代码如下：

<div id="box">

    <div id="inbox">ddddddddddddddddd</div>

</div>

<input type="button" id="remove" value="删除DIV" />

第一种:直接jquery的remove：

  下载个jQuery的文件，然后引入jQuery文件：

    <script type="text/javascript" src="xxxx.jquery.js"></script>

    <script type="text/javascript">

        $("#remove").click(function(){

            $("#inbox").remove()

                        //或者

                        $("box").remove("#inbox")

        })

    </script>

第二种:用JS的innerHTML

    <script type="text/javascript">

        function g(id) {

            return document.getElementById(id)

        }

        g("remove").onclick = functioin(){

            g("box").innerHTML = ''

        }

    </script>

第三种:用JS的outerHTML

    <script type="text/javascript">

        function g(id) {

            return document.getElementById(id)

        }

        g("remove").onclick = functioin(){

            g("inbox").outerHTML = ''

        }

    </script>

第四种:用JS的removeChild

    <script type="text/javascript">

        function g(id) {

            return document.getElementById(id)

        }

        g("remove").onclick = functioin(){

            g("box").removeChild(g("inbox"))

        }

    </script>

其他还有，就不列举了