찾다

집 >웹 프론트엔드 >JS 튜토리얼 >스타일, currentStyle 및 RuntimeStyle_javascript 기술 간의 차이점 분석

스타일, currentStyle 및 RuntimeStyle_javascript 기술 간의 차이점 분석

WBOY
WBOY원래의
2016-05-16 18:22:061177검색

1. obj.style은 태그에 작성된 인라인 스타일(인라인 스타일)만 얻을 수 있으며 해당 링크의 외부 CSS와 헤드에
="tt " style="color:blue;" class="lala"



<script> ").currentStyle.color); <br></script>



위
의 스타일이 제거되면 <가 됩니다. ;div id="tt" class ="lala">1111
이면 currentStyle.color는 우선순위에 따라 노란색이 되지만 현재 style.color는 비어 있습니다.
3. RuntimeStyle은 간단히 말해서 노드 스타일에 값을 할당할 수 있으며 우선순위가 가장 높은 노드 스타일이 된다는 의미입니다. " -//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
🎜 >



<script> <div class="codetitle">document.getElementById("tt").runtimeStyle.color="black"; " tt").currentStyle.color); <span>alert(document.getElementById("tt").runtimeStyle.color) <a style="CURSOR: pointer" data="97042" class="copybut" id="copybut97042" onclick="doCopy('code97042')">alert(document.getElementById("tt").style.color); > </script> 이 때 페이지에 표시되는 단어의 색상은 런타임 스타일이 할당된 후에 검은색으로 표시됩니다. 그러나 currentStyle.color 및 RuntimeStyle 자체만 이 값을 얻을 수 있으며 style.color는 여전히 태그에서 파란색을 얻습니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：jquery_jquery를 기반으로 높이에 맞게 텍스트 영역을 조정하는 플러그인다음 기사：jquery_jquery를 기반으로 높이에 맞게 텍스트 영역을 조정하는 플러그인

관련 기사

더보기