javascript - 特定の要素のすべてのテキストを大文字に変換しますか?

Question

すべてのテーブル ヘッダー テキストを大文字に変換しようとしていますが、成功しません。

<table>
<tr>
<th>product name</th>
<th>product id</th>
....

私のスクリプトは次のとおりです。

<script>
var x = document.getElementByTagName('th').innerHTML;
document.write(x.toUpperCase());
</script>

助けてください....私はJSを学んでいて、この単純なことにほとんど不満を感じています。

Answer 1

これには、javascript の代わりに CSS を使用することを検討します。

th {
  text-transform: uppercase;
}