使用React中的按钮点击来改变文本的字体样式
P粉127901279
2023-08-29 00:02:49
<p><pre class="brush:php;toolbar:false;">const textBold =()=>{
const bold_text=document.getElementsByClassName('.form-control');
bold_text.style.fontStyle = "italic";
setText(bold_text)
}</pre>
<p>点击按钮后，浏览器会跳转到一个空白页面。</p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
由于您正在使用
getElementsByClassName方法，它将返回一个包含给定类的元素的数组/集合。如果您只有一个元素，请改用
.querySelector。或者，如果您更喜欢使用
getElementsByClassName方法，则可以使用for循环或.find()方法找到所需的元素并应用样式。在React中，我认为使用
ref比使用DOM API来定位元素更好。