Home/ Questions/Q 4039126
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T12:33:54+00:00

this is what an html structure of the webpage looks like: <body> <form> <input

  • 0

this is what an html structure of the webpage looks like:

<body>
<form>
 <input type='file'/>
</form>

<div id='list'>
 <div>value here<input id='delete' type='button'/></div>
</div>
</body>

i have found javascript code that triggers on ‘delete’ button click and removes input ‘file’ element. it uses this piece of code where element is input ‘file’ mentioned above:

deleteButton.onclick=function(){this.parentNode.element.parentNode.removeChild(  
this.parentNode.element );}

i am trying to understand logic(rules) behind ‘this.parentNode.element’ ? why not accessing element directly ‘element.parentNode.remove…’

many thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    i am trying to understand logic(rules) behind ‘this.parentNode.element’ ?

    There’s no element property on the Node, Element, HTMLElement, or HTMLDivElement interfaces. So my guess would be that elsewhere in that code, you’ll find something that’s explicitly adding that property to the element instance of the div containing the button. You can do that, add arbitrary properties to element instances. These are frequently called “expando” properties and should be done very, very, very carefully.

    • 0