<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> 결과보기
<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"><span style="color:red;">H</span>omzzang.com</div>