Ändern Sie den Schriftstil des Textes, indem Sie in React auf die Schaltfläche klicken
P粉127901279
2023-08-29 00:02:49
<p><pre class="brush:php;toolbar:false;">const textBold =()=>{
constbold_text=document.getElementsByClassName('.form-control');
Bold_text.style.fontStyle = "kursiv";
setText(bold_text)
}</pre>
<p>Nach dem Klicken auf die Schaltfläche springt der Browser zu einer leeren Seite. </p>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
由于您正在使用
getElementsByClassName方法，它将返回一个包含给定类的元素的数组/集合。如果您只有一个元素，请改用
.querySelector。或者，如果您更喜欢使用
getElementsByClassName方法，则可以使用for循环或.find()方法找到所需的元素并应用样式。在React中，我认为使用
ref比使用DOM API来定位元素更好。