首页 > TAG信息列表 > firstElementChild
第二部分1.3遍历dom
最后一个任务有意思。 书上看来以为自己会了是假的,做题实践用出来才是正途。 first last 快捷方式,要是批量处理还是用下表法通用。 体会到循环的诞生原因,就是因为重复的东西需要写好多遍。 不知道为啥,firefox会自动在html文档中的tab原生js获取第一个和最后一个子元素并处理firstElementChild、lastElementChild浏览器兼容性问题
<div id="box"> <div>第一个块元素</div> <ul> <li>列表</li> </ul> <span>文字说明</span> </div> ul li { list-style: none; } var box = document.getElementById('box'); console.log(boxVue 点击获得父元素,子元素,兄弟元素(DOM操作)
<ul @click ="clickfun($event)"> <li></li></ul> methods: { clickfun(e) { e.target //是你当前点击的元素 e.currentTarget //是你绑定事件的元素 //获得点击元素的前一个元素 e.currentTarget.previousElementSijs 中childNodes与children的区别,firstChild与firstElementChild区别
1、childNodes:获取节点,不同浏览器表现不同; IE:只获取元素节点; 非IE:获取元素节点与文本节点; 解决方案:if(childNode.nodeName=="#text") continue 或者 if(childNode.nodeType != '3') continue 2、children:获取元素节点,浏览器表现相同。 因此建议使用childre