개발괘발
339
2019-06-19 14:26:30
6
314

자바스크립트에서 버튼을클릭하면 부모노드를 삭제시킬 수 있나요?


<div>

  <button click="deleteForm">button</button>

</div>

<script>

  function deleteForm(){

      <-- div태그 내의 모든 내용을 삭제하는 코드 -->

  }

</script>

위와같은 코드가 있다고했을때 제이쿼리를 쓰지않고 온리 자바스크립트 코드로 button의 부모요소인 div태그를 삭제(보이지않게)하는 방법이 있을까요??

0
0
  • 답변 6

  • full
    887
    2019-06-19 14:40:11

    버튼에 id선언하신후

    window.document.getElementById("id").parentNode.style.display="none"

    하면 될 것 같습니다.

    0
  • 개발괘발
    339
    2019-06-19 14:55:31

     full 님 답변감사합니다.

    그러면 혹시 button이 3개라고치고 각각의 버튼을 클릭했을 때 자신만 사라지게 하려고하는데

    deleteForm(parameter) 여기 parameter에 자신의 id를 넣는 방법이있을까요??

    <button id="a" click = "deleteForm(id)">

    <button id="b" click = "deleteForm(id)">

    <button id="c" click = "deleteForm(id)"> 이런식으로 만들려고하는데..

    0
  • moonti
    2k
    2019-06-19 15:01:31

    event에 전달되는 것이 무엇이 있는지 확인하시면 좋겠네요. 기본책에도 잘 있을 내용이에요.

    0
  • 개발괘발
    339
    2019-06-19 15:06:12

    moonti 네알겠습니다ㅎㅎ

    0
  • 제르맹
    312
    2019-06-19 15:09:11

    개발괘발



    <button id="btn" onclick="test(this.id)">버튼</button>
    
    <script>
    function test(id){
        console.log(id)  //"btn"
    }
    </script>



    0
  • full
    887
    2019-06-19 15:11:42

    this로하셔도되고 this.id넘기셔도되고


    this로 할 경우

    function btn(obj){ obj.id}


    this.id로 할 경우

    function btn(id){ id }

    하시면 됩니다.

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.