index1.html?__hbt=1553998985572:48 Uncaught TypeError: Cannot read property 'style' of null
<!DOCTYPE html>
<html>
?<head>
??<meta charset="UTF-8">
??<title>透明度</title>
??<style>
???*{
????margin: 0;
????padding: 0;
???}
???#div1{
????width:200px;
????height: 200px;
????background: red;
????filter: alpha(opacity:30);
????opacity:0.3;
???}
??</style>
??<script? type="text/javascript">
???window.onload = function(){
????var oDiv = document.getElementById("div1");
????oDiv.onmouseover = function(){
?????startMove(100);
????}
????oDiv.onmouseout = function(){
?????startMove(30);
????}
???}
???var timer = null;
???var alpha = 30;
???function startMove(iTarget){
????var oDiv = document.getElementById("#div1");
????clearInterval(timer);
????timer = setInterval(function(){
?????var speed = 0;
?????if(speed > iTarget){
???????speed = -10;
??????}else{
???????speed = 10;
??????}
?????if(alpha == iTarget){
??????clearInterval(timer);
?????}else{
??????alpha+=speed;
??????oDiv.style.filter = 'alpha(opactiy:'+alpha+')';
??????oDiv.style.opacity = alpha/100;
?????}
????},30)
???}
??</script>
?</head>
?<body>
??<div id="div1"></div>
?</body>
</html>
2019-08-17
?if(speed > iTarget){
???????speed = -10;
??????}else{
???????speed = 10;
??????}
這不是speed>Tarfet,而是alpha > Target
2019-04-02
startMoe()函數中getElementById（）的括號里寫錯了應該是"div1"