[HTML, JavaScript] &nbsp 생기는 문제 JS 사용해서 해결하는 방법

 

- 위 화면의 코드를 보면 $nbsp를 추가하지 않았는데 생성되어있다.
   삭제하고자 코드를 봐도 볼 수가 없으니 헤메고 있었다.

 

 

- 방법을 찾다가 아래와 같은 방법으로 해결했다.

 

 

- 아래 코드를 보면 해당 class의 값은 form-group으로 지정되어 있다.

<div class="form-group">
  <input type="email" class="form-control eng-fnt" placeholder="ID">
</div>
<div class="form-group">
  <input type="password" class="form-control eng-fnt" placeholder="Password">
</div>

 

 

- 아래 코드는 &nbps 를 지우는 스크립트이다.
   form-group 위치에 자신이 지정한 클래스명을 적어넣으면 된다.

<script> // &nbsp 없애기
  var options = document.getElementsByClassName('form-group') 
  for (index = 0; index < options.length; ++index) { 
     options[index].innerHTML = options[index].innerHTML.replace(/&nbsp;/g, ' '); 
  }
</script>

 

 

 

- 해결되었다.