Javascript getelementbyid가 작동하지 않습니다.

왜 다음 작동하지 않습니까?Javascript getelementbyid가 작동하지 않습니다.

자바 스크립트 :

document.getElementById("page").style = "-webkit-filter: blur(5px);";

HTML :

<div id="page" style="" >some content</div>

감사

출처

2013-04-08 eds1999

당신이 후 를 호출해야합니다 요소가 window.onload 같은 것을 사용하거나 물리적으로 스크립트를 가지고, 준비 요소 뒤에있는 페이지에서 ... 적절한 속성을 설정합니다.

window.onload = function() { document.getElementById("page").style.webkitFilter = "blur(5px)"; };

요소의 속성은 설정할 속성이있는 개체입니다. style 속성을 문자열로 설정해서는 안되며 설정할 수도 없습니다. 시도 할 때 SyntaxError: invalid label 오류가 발생합니다.

특수 "-webkit-filter"스타일을 설정하는 것이 혼란 스럽지만 "-webkit-"스타일은 style 개체의 규칙을 따르며 "-"는 붙이지 않으며 다른 "-" s와 낙타 사례.

동시에 style 속성을 설정하는 대신 class을 토글하는 것이 더 쉽고 효율적입니다 (다른 스타일을 추가 할 수 있음).

document.getElementById("page").className += " transformer";

을 그리고 CSS 클래스를 정의 : 그래서 내가 사용하는 것이 좋습니다 것이 다른 특정 브라우저에서 구현 스타일이있는 경우

.transformer { -webkit-filter: blur(5px); }

그 방법은, 그냥 여기를 쉽게 추가 할 수 있습니다. 특히, 공급 업체 접두사의 사용.

출처

2013-04-08 16:57:22 Ian

오, 도움 주셔서 감사합니다 :) 완벽한 작품! – eds1999

요소가 페이지에 추가되기 전에 스크립트를 실행하고있을 가능성이 큽니다.

페이지가의 라인을 따라하는 경우 :

<!DOCTYPE html> 
<html> 
<head> 
    <script>...</script> 
</head> 
<body> 
    <div id="page">some content</div> 
</body> 
</html>

그런 다음 문서가 준비 또는 #page 요소에 액세스를 시도하기 전에 onload 이벤트가 될 때까지 기다려야합니다.

출처

2013-04-08 16:58:36 zzzzBov

Javascript getelementbyid가 작동하지 않습니다.

답변

관련 문제