Reactのボタンクリックを使用してテキストのフォントスタイルを変更する
P粉127901279
2023-08-29 00:02:49
<p><pre class="brush:php;toolbar:false;">const textBold =()=>{
const ball_text=document.getElementsByClassName('.form-control');
ボールドテキスト.スタイル.フォントスタイル = "イタリック";
setText(太字のテキスト)
}</pre>
<p>ボタンをクリックすると、ブラウザは空白のページにジャンプします。 </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
getElementsByClassNameメソッドを使用しているため、指定されたクラスの要素を含む配列/コレクションが返されます。要素が 1 つしかない場合は、代わりに
.querySelectorを使用します。あるいは、
getElementsByClassNameメソッドを使用したい場合は、for ループまたは.find()メソッドを使用して目的の要素を検索し、スタイルを適用できます。React では、要素を見つけるのに DOM API を使用するよりも
refを使用する方が良いと思います。