开发者社区> 问答> 正文

html这样写为什么会报错,我只是想实现一个删除功能

需求
•点击哪个li下的btn就删除哪个li

代码
•提示函数未定义

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>


<script>
    window.onload = function(){
      var oList = document.getElementById('fileList');
      function delNode(obj){
        oList.removeChild(obj.parentNode);
      };
    }
  </script>


</head>
<body>
    <ul id="fileList">
       <li>测试文字1<button onclick="delNode(this)">del</button></li>
       <li>测试文字2<button onclick="delNode(this)">del</button></li>
       <li>测试文字3<button onclick="delNode(this)">del</button></li>
       <li>测试文字4<button onclick="delNode(this)">del</button></li>
       <li>测试文字5<button onclick="delNode(this)">del</button></li>
       <li>测试文字6<button onclick="delNode(this)">del</button></li>
    </ul>
</body>
</html>


•正常运行

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>


<script>
      
  </script>


</head>
<body>
    <ul id="fileList">
       <li>测试文字1<button onclick="delNode(this)">del</button></li>
       <li>测试文字2<button onclick="delNode(this)">del</button></li>
       <li>测试文字3<button onclick="delNode(this)">del</button></li>
       <li>测试文字4<button onclick="delNode(this)">del</button></li>
       <li>测试文字5<button onclick="delNode(this)">del</button></li>
       <li>测试文字6<button onclick="delNode(this)">del</button></li>
    </ul>
    <script>
      var oList = document.getElementById('fileList');
      function delNode(obj){
        oList.removeChild(obj.parentNode);
      };
    </script>
</body>
</html>

疑问
•这是咋回事?
•一般这种删除都是咋写的咧?

展开
收起
杨冬芳 2016-06-16 17:51:30 2043 0
1 条回答
写回答
取消 提交回答
  • IT从业

    把function移到window.onload之外

    2019-07-17 19:41:39
    赞同 展开评论 打赏
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载