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
Post a Comment