Ajax 스크립트 내용의 스타일을 지정할 수 없습니다. (nowrap이 작동하지 않습니다.)

Question

레이블로 묶인 버튼을 문서에 삽입하는 서버에서 스크립트를 가져옵니다. 이 두 가지 문제가 있습니다 : 단추 및 단추 레이블 사이의 줄 바꿈을 방지 할 수 없습니다 및 반환 된 스크립트 자체를 외부에서 스타일을 수행 할 수있는 방법을 찾을 수 없습니다.

document.getElementById("div-foo1").innerHTML=" 
    <label style='white-space:nowrap;'> 
    <input type='button' id='sButton0' style='width:10px; height:20px;'> 
    foo1 
    </label>"; 

첫 번째 문제는 white-space:nowrap 버튼 다음과 같은 'foo1은'라벨 사이에 줄 바꿈을 방지되지 않는 것입니다 : 방화범이 XHR 응답 (나는 읽기 쉽도록 줄 바꿈을 삽입 한)를 보여줍니다. 나는 또한 차이점없이 동봉 된 <nobr></nobr>을 시도했다. 나는 버튼 폭을 변경하고 브라우저에서 변경 사항을 볼 수 있기 때문에 스타일이 일반적으로 작동하는 것을 알고 있습니다.

두 번째 문제는 내가 스타일을 스크립트 밖으로 가져올 방법을 찾을 수 없다는 것입니다. HTML 머리글에 넣으면 :

<style>  
    #sButton0 { width:30px; height:20px; } 
    </style> 

작동하지 않습니다. 아무도 내가 뭘 잘못하고 있다고 말할 수 있습니까?

감사합니다.

Answer 1

두 번째 문제는 태그에서 스타일 속성을 제거하기 만하면됩니다. 머리 스타일을 재정의합니다.