js,html5,css3.求js里面的remove()方法如何使用?

JavaScript015

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>

其他还有,就不列举了