JavaScript クラス属性とスタイル属性に余分な空白が表示される

2024年9月10日

環境
javascript
salesforce

クラス値を含む要素の表示に余分な空白が含まれる場合があります。]
たとえば、highlight と yellow というクラス値が設定された要素があるとします。
<div class=" highlight yellow">

NGのケース
// Don’t do this
document.querySelector('[class="highlight yellow"]’)

空白の変更を無視するセレクターを使用するようクエリを修正して
OKのサンプル
// Do this instead
document.querySelector('.highlight.yellow’)
Lightning Web コンポーネントの重要な更新、
SLDS アーキテクチャ、ネイティブ Shadow DOM に備える方法を習得しました。