React에서 버튼 클릭을 사용하여 텍스트 글꼴 스타일 변경
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 = "기울임꼴"
setText(bold_text)
}</pre>
<p>버튼을 클릭하면 브라우저가 빈 페이지로 이동합니다. </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
getElementsByClassName메소드를 사용하고 있으므로 해당 클래스의 요소가 포함된 배열/컬렉션을 반환합니다.요소가 하나만 있는 경우 대신
.querySelector를 사용하세요.또는
getElementsByClassName方法，则可以使用for循环或.find()접근 방식을 선호하는 경우 for 루프나.find()메서드를 사용하여 원하는 요소를 찾고 스타일을 적용할 수 있습니다.React에서는 DOM API를 사용하여 요소를 배치하는 것보다
ref를 사용하는 것이 더 낫다고 생각합니다.