zoukankan      html  css  js  c++  java
  • 点击页面上的元素,页面删除removeChild()

    简单描述:最近做了一个图片上传,上传完成回显图片的时候,需要用到点击图片,从页面删除的效果,然后就找到了removeChild()方法,说实话,我刚看到的时候,就觉得这个问题已经解决了,但是却发现这个方法里传的参数竟然有点不同寻常,我往里边放了一个用引号包起来的id字符串,表示删除该id,结果F12就出现了一个错误,然后我先怀疑是不是自己字符串拼错了,一看不是,然后抱着试试的态度,我把引号去掉了,直接放id字符串,结果就好使了。

     最后结果:

     

    其他例子:

    //html代码
    <div id="parentDiv">
      <img src=rootPath+"/assets-new/apps/img/shanchu.jng" alt="">
      <h1>测试文本</h1>
      <input type="text" name="test"/>
      <span>span标签</span>
    </div>

    //js代码
    var parent = document.getElementById("parentDiv");
    parent.removeChild(parent.childNodes[1]);//删除 下标从0开始 <h1>测试文本</h1>

    var item = parent.removeChild(parent.childNodes[3]);


    总结:removeChild(Node) 参数是一个node节点对象,很重要!!!

  • 相关阅读:
    为什么富人越来越富,穷人越来越穷?
    计算几何基础_点_向量_极角排序
    滑窗模板_双向队列
    后缀数组
    AC自动机
    RMQ_ST表
    二叉树求逆序对(伪AC 23333)
    分块
    莫队
    树状数组_二维
  • 原文地址:https://www.cnblogs.com/xuchao0506/p/9970173.html
Copyright © 2011-2022 走看看