element event 事件源
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1 id='a'>我是A页面</h1>
<div class="name">我是样式名为name的元素</div>
<span id="eventUl">
<i>1</i>
<i>2</i>
</span>
<script>
let ul = document.getElementById('eventUl')
ul.addEventListener('click',(e)=>{
console.log(e.currentTarget)
})
</script>
</body>
</html>element 节点属性与方法
属性：
nodeName
//获取元素的名称 注：返回大写 如 LI
localName
//获取元素的名称 注：返回小写 如 li
nodeType
获取元素的类型 1：Element 代表元素 2：Attr 代表属性 3: Text 代表元素或属性中的文本内容。
获取/设置元素及其所有后代的文本内容
childNodes
获取的是节点的子节点集合，包括元素节点、文本节点还有属性节点，所以上面代码中，两个undefined其实是元素节点后面跟的回车符，默认为一个文本节点。
获取第一个子节点 节点包括（元素节点，文本节点，属性节点）
获取最后一个子节点 节点包括（元素节点，文本节点，属性节点）
nextSibling
返回同级元素的下一个节点 节点包括（元素节点，文本节点，属性节点）
返回同级元素的上一个节点 节点包括（元素节点，文本节点，属性节点）
classList
获取元素class 集合。
add() //添加指定的类
remove() //删除指定的类
toggle() //存在删除不存在添加
contains() //检查元素的类属性中是否存在指定的类值
children
获取元素的所有元素子节点集合。
childElementCount
获取元素的所有元素子节点集合数量(number 类型)。
获取第一个子元素节点
lastElementChild (只读)
获取最后一个子元素节点
nextElementSibling (只读)
获取同级元素的下一个子元素节点
获取同级元素的上一个子元素节点
获取元素的父元素节点
方法：
EVENT 添加事件方法
添加事件
EventTarget.addEventListener()
删除事件
EventTarget.removeEventListener()
3142
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
