javascript - 如何检查字母是否为粗体？

Question

我正在尝试将所有粗体字符更改为斜体字符，反之亦然。我发现我需要遍历整个文档。

至此我定义了两个样式和部分函数，​​不确定是否需要样式。

        .bold {
            font-weight: bold;
        }
        .italic {
            font-style: italic;
        }

        <script>
        function swap() {
            if (fontWeight == 'bold') {
                fontWeight == 'normal';
                fontStyle == 'italic';
            }
            elseif (fontStyle == 'italic') {
                fontStyle == 'normal';
                fontWeight == 'bold';
            }
        </script>

Answer 1

好吧，您可以使用 querySelectorAll 来做到这一点，考虑仅交换 .bold 和 .italic，具体取决于它们当前的类:

function swapCollection( collection, from, to ) {
  if ( !collection ) {
    return;
  }
  
  for( let i = 0; i < collection.length; ++i ) {
    const elm = collection[ i ];
    elm.classList.remove( from );
    elm.classList.add( to );
  }
}

function swap() {
  const allBold = document.querySelectorAll( '.bold' );
  const allItalic = document.querySelectorAll( '.italic' );
  
  swapCollection( allBold, 'bold', 'italic' );
  swapCollection( allItalic, 'italic', 'bold' );
}

document.getElementById( 'swap' ).addEventListener( 'click', swap );

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

<div>
  <span class="bold">Hello</span> <span class="italic">world!</span>
</div>

<button id="swap">swap</button>