search

grifth / hexo-blog

预览
https://grifth.github.io/hexo-blog/
0 stars 0 forks source link

DOM #18

Open grifth opened 6 years ago

grifth commented 6 years ago

如何获取一个节点的index

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<ul>
  <li></li>
  <li id="item2"></li>
  <li></li>
</ul>
</body>
</html>
var n
var children =item2.parentNode.children
for(let i = 0;i<children.length;i++){
  if(children[i]===item2){
    n = i
  }
}
grifth commented 5 years ago

DOM事件模型 李爵士 写了第一个浏览器 第一个服务器 第一个网页 还发明了万维网

DOM level 0 

btn.onclick = function(){````]

this btn 
arguments e

btn.onclick.call(btn,{e})

image

DOM level 2

xxx.addEventListener('click',()=>{

}
//队列

image

xxx.addEventListen('click',()=>{

},false/true) //false为冒泡阶段  true为捕获阶段

xxx.addEventListen('click',()=>{

},false) 
xxx.addEventListen('click',()=>{

},true) 
//点击后都会触发 执行顺序  谁写在前面谁先执行