JavaScript : IE7에서 div 태그의 스타일 속성 설정

div 태그를 자바 스크립트에서 동적으로 생성하여 기존 div 태그에 넣으려고합니다.JavaScript : IE7에서 div 태그의 스타일 속성 설정

이 코드는 FF, Chrome, IE9 및 IE10에서 제대로 작동합니다. 이 코드는 IE7에서 작동해야합니다. 여기

Not implemented

코드입니다 :

스타일 속성을 설정, IE7은 다음과 같은 오류가 발생합니다

가

<html> 
    <head> 
    </head> 
    <body> 
     <div id="content"> </div> 
     <script> 
     var input = document.createElement('div'); 

     // Above code above executes fine. 
     input.style = "display: block;"; // << This code triggers 
              // the error mentioned above 

     input.className = "container"; 
     input.innerHTML = 'Test'; 
     var container = document.getElementById('content'); 
     container.appendChild(input); 
     </script> 
    </body> 
</html>

내가 여기서 뭔가를 내려다하고 있다면 알려 나주세요이 코드가 필요한 경우 IE7에서 실행될 때 변경 될 수 있습니다. 고맙습니다!

출처

2013-10-11 slayernoah

div의 스타일을 기본값으로 'display : block'으로 설정하는 이유는 무엇입니까? 그리고 div에 클래스를 추가 할 때 인라인 스타일을 설정하는 이유는 무엇입니까? 클래스에 필요한 모든 스타일을 포함시키는 것이 왜 아닌가? 어쨌든, 오류에 관해서는, div를 컨테이너에 먼저 추가 한 다음 스타일을 설정해 보았습니까? 아니면'input.style.display = "블록";'? – nnnnnn

@nnnnnn 코드는 필요에 따라 줄을 따라 인라인 스타일을 변경합니다. 이것은 이미 코딩되었고 IE7과 호환되도록 만들기 위해 노력하고 있습니다. 컨테이너에'div'를 추가하고 스타일을 설정하려고했습니다. 같은 결과. 'input.style.display = "block";'또한'Display 속성을 얻을 수 없습니다. 잘못된 인수' – slayernoah

사용이 대신 :

input.style.display = "block";

난 당신이 block 이미 <div> 요소에 대한 기본 표시 스타일이기 때문에 전혀이 일을하려는 이유를 궁금해하지만

출처

2013-10-11 23:00:29 jfriend00

'input.style.display = "block;";'시도하면 오류가 발생합니다 :'표시 속성을 얻을 수 없습니다. 잘못된 인수입니다. ' – slayernoah

@slayernoah - 스타일 속성을 주소 지정하는이 양식이 IE 7에서 정상적으로 작동하기 때문에 다른 것이 문서에서 계속되어야합니다. – jfriend00

작동합니다. 감사!! 나는'input.style.display = "블록"; "대신에'input.style.display ="블록; ";'을 시도했다. 긴 날 이었어! 고맙습니다! – slayernoah

JavaScript : IE7에서 div 태그의 스타일 속성 설정

답변

관련 문제