자바 스크립트를 사용하는 다른 요소와 스타일이 같은 텍스트 영역 콘텐츠?

내 사이트의 다른 부분에 textareas를 동적으로 삽입하고 textarea의 텍스트 스타일을 해당 요소의 일반 텍스트 스타일과 일치 시키려합니다. 자바 스크립트로 이것을 할 수 있습니까? 아마도 나는 모든 obj.style 속성을 반복하여 텍스트 영역에 적용 할 수있을 것이라고 생각했습니다.자바 스크립트를 사용하는 다른 요소와 스타일이 같은 텍스트 영역 콘텐츠?

예를 들어, textarea의 stackoverflow에서 사용되는 글꼴은 10px (?) 단두 간격 글꼴이며 최종 내용 텍스트는 14px Arial처럼 보입니다.

출처

2011-04-01 Xeoncross

가장 좋은 방법은 CSS 클래스를 사용하는 것입니다. 어느 textarea { /* CSS */ } 모든 텍스트 영역의 스타일을 변경하거나 jQuery를 사용 <textarea class="dynamicallyInserted"></textarea>

출처

2011-04-01 16:20:47 tvkanters

하지만 텍스트 영역이 임의의 요소에 삽입되어 있으므로 해당 요소의 스타일이 무엇인지 전혀 알 수 없습니다. – Xeoncross

정확하게 이해할 수 있을지 모르겠지만 스타일이 부모 스타일과 같은 스타일을 사용하기를 원하면'font-family : inherit;'을 사용해보십시오. – tvkanters

+1 아, 그럴 수도 있습니다! 브라우저가 올바르게 처리한다고 가정 할 때 모든 스타일을 상속 받도록 설정할 수 있습니다. 나는 어떤 스타일이 상속되어야 하는지를 추측해야 할 것입니다. – Xeoncross

와 textarea.dynamicallyInserted { /* CSS */ }처럼 그들을 위해 특별한 클래스를 사용, 당신은 당신이 원하는만큼 CSS 속성을 열거하고 추가하는 요소에 그들을 설정할 수 있습니다

function addTextArea(targetId) { 
    $('#' + targetId).add('textarea') 
     .css('font-family', $('#' + targetId).css('font-family')) 
     .css('font-size', $('#' + targetId).css('font-size')); //etc... 
}

출처

2011-04-01 16:25:33 lukiffer

자바 스크립트를 사용하는 다른 요소와 스타일이 같은 텍스트 영역 콘텐츠?

답변

관련 문제