使用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>
由於您正在使用
getElementsByClassName方法，它將傳回一個包含給定類別的元素的陣列/集合。如果您只有一個元素，請改用
.querySelector。或者，如果您喜歡使用
getElementsByClassName方法，則可以使用for循環或.find()方法找到所需的元素並套用樣式。在React中，我認為使用
ref比使用DOM API來定位元素更好。