1.1回顾前面学到的js,我们遇到的一些问题
1.window.onload事件有个覆盖的问题,我们只写一个
2.代码容错行差
3.浏览器兼容问题 ff:innerText
4.书写繁琐,代码量多
5.代码乱
6.动画效果,很难实现
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>回顾Js</title>
<style>
*{
margin: 0;
padding: 0;
}
div {
height: 200px;
background-color: pink;
margin-bottom: 10px;
display: none;
}
</style>
<script>
window.onload = function () {
var btn = document.getElementById("btn");
var divs = document.getElementsByTagName("div");
btn.onclick = function () {
for(var i=0;i<divs.length;i++){
divs[i].style.display = "block";
divs[i].innerHTML = "我是文字内容";
}
}
}
</script>
</head>
<body>
<button id="btn">按钮</button>
<div></div>
<div></div>
<div></div>
</body>
</html>