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

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

WBOY
풀어 주다: 2016-05-16 18:22:06
원래의
1172명이 탐색했습니다.

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는 여전히 태그에서 파란색을 얻습니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿