第3部(ステップ42)-タイプCSSOM
Typed CSSOM
次世代で使用するCSSOM
hoodiniの目標はcssエンジンとトレーニング機能を迅速に標準化することであり,現在複数のAPIが行われている
コード#コード#
<html>
<style id='s'>
.test1{background:#ff0;}
.test2{background:#0f0;}
</style>
<body>
<div class='test1'>a</div>
<div class='test2'>b</div>
</body>
<script>
document.querySelector('.test1').style.height = 100 + 'px'; //기존
document.querySelector('.test2').attributeStyleMap.set('height',CSS.px(100)); //typed CSSOM
</script>
</html>
どちらもheight 100 pxに適しています.
attributeStyleMapを使用しています.既存の新しいタイプのCSSOMを使用する理由
CSS
Reference
この問題について(第3部(ステップ42)-タイプCSSOM), 我々は、より多くの情報をここで見つけました https://velog.io/@khw970421/코드스피츠-css-rendering-3회차-part3-step-42-Typed-CSSOMテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol