• 회원가입
  • 로그인
  • 구글아이디로 로그인

[DOM_Element] JS - id 속성 = 아이디 설정/반환

id 예제

 

<style>

.code {

  display: block;

  padding: 5px;

  background-color: gray;

  color: white;

}


#hz {

  background-color: tomato;

}

</style>


<a class="code" href="https://homzzang.com/b/html/"  id="hz">HTML</a>

<a class="code" href="https://homzzang.com/b/css/">CSS</a>

<a class="code" href="https://homzzang.com/b/js/">JS</a>


<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var x = document.getElementsByClassName("code")[0].id;

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과보기

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
게시물이 없습니다.
목록
찾아주셔서 감사합니다. Since 2012