1.js交互
交互步骤:找对应的标签,添加事件,事件反馈
1.1获取标签
1.1.1通过id名获取
document.getElementById("id名");
适合:适合单个标签获取
<body>
<!-- 标签就是元素 -->
<div class="box" id="wrap">这是div标签</div>
<script>
// 1.通过id名获取 document.getElementById("id名");
var oDiv = document.getElementById("wrap");
console.log(oDiv);
</script>
</body>
1.1.2通过类名获取
document.getElementsByClassName("class名字") 获取整个文档下的对应标签
父元素.getElementsByClassName("class名字") 获取父元素下对应的标签
注意:通过类名获取的是元素集合 获取元素集合中具体某一个元素需要加下标 元素集合[下标]
注意:元素集合只有一个元素,也要通过下标的形式获取
<script>
//2.通过类名获取
//2.1 document.getElementsByClassName("class名字") 获取整个文档下的对应标签
var oDiv = document.getElementsByClassName("box");
console.log(oDiv);//HTMLCollection(3) 元素集合
//获取元素集合中的具体某一个标签 语法 元素集合[下标]
console.log(oDiv[0]);
console.log(oDiv[2]);
// 2.2 父元素.getElementsByClassNAme("class名字") 获取父元素下对应的标签
//先获取父元素 通过class类名
var oUl = document.getElementsByClassName("list");