将特定元素中的所有文本转换为大写?

0 javascript dom

我试图将所有表头文本转换为大写但不成功.

<table>
<tr>
<th>product name</th>
<th>product id</th>
....
Run Code Online (Sandbox Code Playgroud)

我的脚本如下:

<script>
var x = document.getElementByTagName('th').innerHTML;
document.write(x.toUpperCase());
</script>
Run Code Online (Sandbox Code Playgroud)

请帮助....我正在学习JS,并且对这个简单的事情几乎感到沮丧.

Bra*_*don 7

我会考虑使用CSS而不是javascript.

th {
  text-transform: uppercase;
}
Run Code Online (Sandbox Code Playgroud)