innerHTML 테이블을 게시하려고합니다. 한 셀의 글꼴 크기가 더 커지를 원합니다. 그렇게 스타일 태그를 포함 할 수 있습니까?innerHTML에 스타일 태그를 추가 할 수 있습니까?
cell4.innerHTML = "<style: font-size:40px>" + "John Doe" + "</style>" + "</br>";
다음 피들을 시도했지만 작동하지 않습니다. http://jsfiddle.net/s1dj3x8e/
<style> 태그는 머리 내부의 CSS 코드를위한 컨테이너이므로,이 컨텍스트에서 해당 요소를 사용하여 수행하려는 작업을 수행 할 수 없습니다.
다음 줄을 교체하십시오 :
cell4.innerHTML = "<style: font-size:40px>" + "John Doe" + "</style>" + "</br>";
와 (span 대신 div의와 이제 제대로 아래 자크 지적)
cell4.innerHTML = "<span style='font-size:40px'>John Doe</span>";
업데이트 바이올린 :
을텍스트 섹션의 스타일을 지정하기 위해 div를 사용하지 않아야합니다. 또한 나는 왜 당신이'+ "' –
도와 줘서 고맙다. 대접처럼 일했다 – John
@ ZachSaucier 나는 당신의 코멘트를 얻 자마자 그것을 집어 들었다. 원래 코드를 최소화하고 무의미한 연결을 결코 보지 못했습니다. 흥미로운 부분을 스타일 지정하는 데 div가 잘못 사용 된 이유는 무엇입니까? Span 나는 일반적으로 문장을 사용하여 예를 들어 한 단어를 포착합니다. 그러나이 컨텍스트는 전체 셀입니다. –
스타일 태그는 선택기를 포함한 CSS 블록을 포함하므로 한 번에 여러 요소의 스타일을 지정할 수 있습니다. 스타일 태그의 CSS는 모두 <style> 태그 사이에 있어야합니다.
cell4.innerHTML = '<span style="font-size:40px">John Doe</span>';
또는
cell4.innerHTML = '<span class="fs40">John Doe</span>';
:
당신이 뭘 하려는지하려면, 당신도 그렇게 같은 스타일 또는 인라인 스타일을 정의한 클래스를 사용하는 요소를 반환해야 스타일 시트의 CSS.fs40 { font-size:40px; }.
왜 그런가요? wnvoted? – Bill
@Billy 연구 노력을 보여주지는 않습니다. 유용하지 않습니다 –
연구? 노력? didnt 나는 작풍 font-size를 시도하고 정당한 응답에서 낱말 "div"를 놓치기 만 했는가? – John