发表于: 2020-02-16 21:48:44

0 1455



今天完成的事情:


break跳出当前循环,continue跳出本次循环,return终止并且return后有返回值


事件委托代理

createElement()通过指定名称创建一个元素
createTextNode() 创建文本节点。
appendChild() 向节点的子节点列表的末尾添加新的子节点


lastChild 属性可返回文档的最后一个子节点。
用父级元素操作子级 用Event对象提供的属性target,返回事件的目标节点,
createElement()创建元素名称,appendChild() 插入到子节点末尾添加

createTextNode() 修改文本内容

nodeName 属性可依据节点的类型返回其名称。




filter() 筛选出符合条件,创建新数组

不会对空数组进行检测,不会改变原始数组。


return num>=document.getElementById('nur').value


some()

some() 检测数组中的元素是否满足指定条件,如果有一个元素满足条件,返回true , 剩余的元素不会再执行检测,没有满足条件的元素,返回false。

不会对空数组进行检测,不会改变原始数组。

ko.some(kk)


map() 

返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

按照原始数组元素顺序依次处理元素。

不会对空数组进行检测,不会改变原始数组。


forEach() 

调用数组的每个元素,并将元素传递给回调函数。对于空数组是不会执行回调函数的。

array.forEach(function(currentValue, index, arr), thisValue)

必需currentValue当前元素,可选 index当前元素的索引值,可选 arr当前元素所属的数组对象




明天计划的事情:


任务4深度思考


遇到的问题:


不知道下面的理解对不对


4个li,内容不同,点击li,event对象肯定是当前点击的对象,怎么指定到li上


     <ul id="test">
        <li>
            <p>11111111111</p>
        </li>
        <li>
            <div>
                22222222
            </div>
        </li>
        <li>
            <span>3333333333</span>
        </li>
        <li>4444444</li>
    </ul>
  var oUl = document.getElementById('test'); //获取父id
   
    oUl.addEventListener('click',function(ev){  // 向文档添加事件
        var target = ev.target;  
        while(target !== oUl ){ //事件目标节点绝对不等于oUl为真时执行循环
            if(target.tagName.toLowerCase() === 'li'){ //事件目标节点元素标签名绝对等于li时执行 toLowerCase()把字符串转换为小写

               alert('123');
                break//跳出循环
            }
            target = target.parentNode//返回节点的父节点 oUL
        }
    })



tagName 属性返回元素的标签名

parentNode 属性可返回某节点的父节点。

如果指定的节点没有父节点则返回 null 。


收获:

 对事件委托代理理解了


返回列表 返回列表
评论

    分享到