[js] JS - 텍스트 첫글자만 글자색 변경 (= 맨앞글자 색상 변경)

텍스트 첫글자만 글자색 변경

 

<div class="logo">Homzzang.com</div>

 

<script>

const logo = document.querySelector(".logo");

logo.innerHTML = logo.innerHTML.replace(/\bH/, "<span style='color:red;'>H</span>");

</script>

 

결과보기

---

PS. CSS로만 구현 가능

 

<style>

 div::first-letter {color:red;}

</style>

<div class="logo">Homzzang.com</div>

결과보기

 

<div class="logo"><span style="color:red;">H</span>omzzang.com</div>

결과보기