フォーマットするためのJavaScript​​要素

Question

JavaScriptを使用してtd要素のコンテンツ（テキスト）をフォーマットしようとしています。ただし、要素にはgetElementbyIDを使用するIDプロパティはなく、getElementbyClassを使用するために一意でないClassプロパティを持ちます。

私はHTML部分を制御することはできません。クラス名を変更したり、IDプロパティを組み込んでいます。定数はすべて、<td>内のテキストです。

フォーマットするスクリプトをどのように書くことができますか（たとえば、テキストを太字にするなど）

私はJQueryを使用できないことに注意してください。

<table width="100%" class="ms-formtable" style="margin-top: 8px;" border="0" cellspacing="0" cellpadding="0"> 
 
    <tbody> 
 
    <tr> 
 
     <td width="90%" class="ms-formlabel" valign="top"> 
 
     General 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 1

あなたはtable.ms-formtable>のtbody> trは `てみてください最初の要素を選択し、.style

var elem = document.querySelectorAll('td.ms-formlabel')[0]; 
 
elem.style.fontWeight = "900";

<table width="100%" class="ms-formtable" style="margin-top: 8px;" border="0" cellspacing="0" cellpadding="0"> \t 
 
     <tbody><tr> 
 
     <td width="90%" class="ms-formlabel" valign="top"> 
 
     General 
 
     </td> 
 
     </tr> 
 
     </tbody></table>