Need help on "this" in Javascript -


when each button in div clicked, want parent div disappear. instead of writing onclick="this.parentnode.style.display='none'" each button, want call function done() make code cleaner, syntax did not work in done(). ideas?

        <div id="arms_1" class="col_1">             <p></p>             <p></p>             <p></p>             <button type="button" onclick="this.parentnode.style.display='none'">done</button>         </div>          <div id="arms_2" class="col_2">             <p></p>             <p></p>             <p></p>             <button type="button" onclick=done()>done</button>         </div>          <div id="arms_3" class="col_3">             <p></p>             <p></p>             <p></p>             <button type="button" onclick=done()>done</button>         </div>  <script>         function done(){             this.parentnode.style.display='none';         };//done fuction ends </script> 

try out

    <div id="arms_3" class="col_3">             <p></p>             <p></p>             <p></p>             <button type="button" onclick=done(this)>done</button>         </div>  <script>         function done(obj){             obj.parentnode.style.display='none';         };//done fuction ends </script> 

Comments

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -