网站建设流程和方法外贸线上推广

bicheng/2026/1/19 11:03:41/文章来源:

网站建设流程和方法,外贸线上推广,深圳市建网站公司,推广引流的10个渠道一道名为敲门砖的面试题: 用面向对象的方法写,点击列表内,子元素的子标签, 来删除子元素敲门砖考点: 递归(删除标签, 需要找到列表的直属子标签, 需要通过递归层层往上找, parentNode)冒泡(只需为顶级父元素addEventListener绑定事件, 并通过e.target区分子标签, … 一道名为敲门砖的面试题: 用面向对象的方法写,点击列表内,子元素的子标签, 来删除子元素敲门砖考点: 递归(删除标签, 需要找到列表的直属子标签, 需要通过递归层层往上找, parentNode)冒泡(只需为顶级父元素addEventListener绑定事件, 并通过e.target区分子标签, 即可实现一次绑定, 多次使用)ES6语法(使用ES6的class 构造方法需要指明constructor函数)布局(使用网格布局,快速实现内联元素的两端对齐, justify-content: span-between) !DOCTYPE html html langen headmeta charsetUTF-8title阿里敲门砖/titlestyleli{list-style: none;display: flex;justify-content: space-between;align-items: center;background-color: #fdf6e3;border: 1px solid #0c8ac5;height: 100px;padding: 5px;}.del{border:1px solid #323232;color: #c03035;}/style /head bodyol classlistlispan classdesc黄河之水/spanspan classdelX/span/lilispan classdesc天上来/spanspan classdelX/span/lilispan classdesc奔流/spanspan classdelX/span/lilispan classdesc到海/spanspan classdelX/span/lilispan classdesc不复回/spanspan classdelX/span/lilispan classdesc君不见/spanspan classdelX/span/lilispan classdesc高唐明镜/spanspan classdelX/span/lilispan classdesc悲白发/spanspan classdelX/span/li/olol classlistlispan classdesc到海/spanspan classdelX/span/lilispan classdesc不复回/spanspan classdelX/span/lilispan classdesc天上来/spanspan classdelX/span/lilispan classdesc奔流/spanspan classdelX/span/lilispan classdesc君不见/spanspan classdelX/span/lilispan classdesc黄河之水/spanspan classdelX/span/lilispan classdesc高唐明镜/spanspan classdelX/span/lilispan classdesc悲白发/spanspan classdelX/span/li/olscriptclass List{constructor(els){// 将this转换为局部变量self, 个人爱好Python3,这个写法类似Python3let self this;// 根据类选择器,选择所有符合条件的的清单, 并生成列表let el Array.from(document.querySelectorAll(els))// 为每个清单绑定事件el.forEach(item item.addEventListener(click, function(e){// 如果点击的元素的类名带有del, 则可以删除这条标签if (e.target.className.indexOf(del) -1){// 移除相应的子元素self.removeDom.call(self, item, e.target)}}))}removeDom(item, tg){let self this;// 设置移除判定函数let judgeRemoveDom function(item, tg){// 获取触发事件元素的父级元素let parentNode tg.parentNode;// 如果当前找到的元素的父元素恰好为item, 则可以直接移除if (item parentNode){item.removeChild(tg);}// 如果当前的父元素不是item, 则继续往上找else{tg parentNode;judgeRemoveDom(item, tg);}}judgeRemoveDom(item, tg);}}window.addEventListener(DOMContentLoaded, function(){new List(.list)})/script/body /html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/bicheng/88884.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！