함수 당 하나의 document.getElementById?

div 요소의 불투명도를 제어하는 데 마우스 좌표를 사용하려하지만 div 요소 하나만 응답합니다.함수 당 하나의 document.getElementById?

<head> 
document.onmousemove=getMouseCoordinates; 

function getMouseCoordinates(event) 
{ 
ev = event || window.event; 
var width = window.innerWidth; 
document.getElementById('divOne').style.opacity = ev.pageX/width; 
document.getElementById('divOne').style.filter = 'alpha(opacity=' + value*10 + ')'; 
document.getElementById('divTwo').style.opacity = ev.pageX/width; 
document.getElementById('divTwo').style.filter = 'alpha(opacity=' + value*10 + ')'; 
} 
</head> 
<body> 
<div id="divOne" style="position:fixed; top:7%; left: 11%;"><img src="images/skytest.png" /></div> 
<div id="divTwo" style="position:fixed; top:22%; left: 26%;"><img src="images/0816112011d.jpeg" /></div>

divOne 내가 무엇을 기대 않지만, divTwo는 아무것도 실시하지 않습니다. 내가 잊어 버린 것은 무엇입니까 ???

출처

2011-08-20 rob-gordon

document.getElementById를 단 하나 개의 요소를 반환 - jQuery를 배열에 반환하고 행동합니다. – Hogan

질문에 'HTML'이 무엇입니까? –

ID가 'skyMan-1'인 요소가 둘 이상 있다고 하시겠습니까? ID는 고유해야합니다! 그 때문에'getElementById'는 항상 그 ID를 가진 하나의 (보통 첫 번째) 엘리먼트만을 리턴 할 것이다. –

코드에 따르면 유일한 문제는 js가 스크립트 태그에 없다는 것입니다. 그렇지 않으면 차이가 없습니다.

는 참조 very easy to make demo이 : D

출처

2011-08-20 20:31:27

스크립트 태그를 사용했는데, 문제는 각 div 스타일에 대한 두 번째 호출과 관련이있어서 알파를 변경했습니다. 어떤 이유로이 코드를 제거하면 작동하지만, 내가 의미하는 것을 보여주기 위해 코드를 다시 추가했습니다. 어쩌면 ... style.alpha()는 불필요한가요? 나는 잘 모르겠다. 도와 주셔서 감사합니다. @Joseph –

함수 당 하나의 document.getElementById?

답변

관련 문제