How to get tag name of the element clicked

Question

i need to add element to parent of click tag

note:tag have not class or id add button to li tag

 <ul >
    <li >
      <textarea >title</textarea>
        <a href="#" onclick=add_input(?)>tt</a>
    </li>  
 </ul>

    function add_input(?) {
        var btn = document.createElement("input"); 
        btn .setAttribute('type', "submit");
        btn .setAttribute('value', "Submit");
       ???.appendChild(btn);
    }

how to complete code where ? and ???

Does this answer your question? [How to insert an element after another element in JavaScript without using a library?](https://stackoverflow.com/questions/4793604/how-to-insert-an-element-after-another-element-in-javascript-without-using-a-lib) — Yannick, Oct 29 '20 at 05:13
it is use id of element, is it possible with out id of element — atapour, Oct 29 '20 at 05:28

score 0 · Answer 1 · answered Oct 29 '20 at 05:57

you can do this:

function add_input(element) {
    var btn = document.createElement("input"); 
    btn.setAttribute('type', "submit");
    btn.setAttribute('value', "Submit");
    element.appendChild(btn);
}

 <ul>
    <li >
      <textarea >title</textarea>
        <a href="#" onclick=add_input(this)>tt</a>
    </li>  
 </ul>

score 0 · Answer 2 · answered Oct 29 '20 at 06:07

it is work for me ?==>event ???==> e.target.parentElement.appendChild(btn)

function add_input(e) {
        var btn = document.createElement("input"); 
        btn.setAttribute('type', "submit");
        btn.setAttribute('value', "Submit");
        e.target.parentElement.appendChild(btn)
    }

      <ul>
        <li >
              <textarea >title</textarea>
            <a href="#" onclick=add_input(event)>tt</a>
        </li>  
     </ul>

How to get tag name of the element clicked

2 Answers2