JavaScript에서 ID로 요소의 모든 스타일 속성을 검색하는 방법은 무엇입니까?

요소 ID로 모든 스타일 속성 가져오기

다음 방법으로 ID를 제공하여 요소에 적용된 모든 스타일 속성을 가져올 수 있습니다.

CSSStyleDeclaration 객체를 통한 반복:

CSSStyleDeclaration 객체(getCompulatedStyle)의 인덱스를 반복하여 알려진 각 속성 이름을 얻습니다. 이 이름과 함께 getPropertyValue를 사용하여 값을 검색합니다.

인라인 스타일 처리:

인라인 스타일의 경우 다른 스타일 유형과 동일한 반복 방법을 사용합니다.

모두 합치기:

코드는 다음과 같습니다.

<code class="javascript">function getStyleById(id) {
    return getAllStyles(document.getElementById(id));
}

function getAllStyles(elem) {
    if (!elem) return [];

    var win = document.defaultView || window, style, styleNode = [];

    if (win.getComputedStyle) { /* Modern browsers */
        style = win.getComputedStyle(elem, '');
        for (var i=0; i<style.length i stylenode.push style style.getpropertyvalue else if ie for name in ancient browser.. return stylenode></style.length></code>

위 내용은 JavaScript에서 ID로 요소의 모든 스타일 속성을 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!