메서드 설명
hasAttribute(속성) 지정한 속성을 가지고 있는지 검사한다.
getAttribute(속성) 속성의 값을 가져온다.
setAttribute(속성명,값) 속성과 속성값을 설정한다.
removeAttribute(속성) 지정한 속성을 제거한다.
hasAttribute(속성) 지정한 속성을 가지고 있는지 검사한다.
.attributes 속성들을 모아서 배열로 반환

js_dom.html 생성

**<!DOCTYPE html>
<html>
  <body>
  <input type="text">
  <script>
     const input = document.querySelector('input[type=text]');
     console.log(input);

     if (!input.hasAttribute('value')) {  // value 어트리뷰트가 존재하지 않으면
       // value 어트리뷰트를 추가하고 값으로 'hello!'를 설정
       input.setAttribute('value', 'hello!');
     }

     // value 어트리뷰트 값을 취득
     console.log(input.getAttribute('value')); // hello!

     // value 어트리뷰트를 제거
     input.removeAttribute('value');

  </script>
  </body>
</html>**