Как использовать текущий узел вместо этого?

Question

JS

var menuBtn = document.getElementsByClassName('btn-block'); 
var lenOfMenuBtn = menuBtn.length; 
for (var i = 0; i < lenOfMenuBtn; i++) { 
    menuBtn[i].addEventListener('click',addMenu,false); 
} 

function addMenu() { 
    addOkFlag(); 
    //addToCart(); 
    //removeOkFlag(); 
} 

function addOkFlag() { 
    var elmnt = document.createElement('i'); 
    elmnt.setAttribute('class','glyphicon glyphicon-ok'); 
    this.appendChild(elmnt); 
} 

Ошибка является "this.appendChild не является функцией". Я хочу вызвать несколько функций, когда пользователь нажимает кнопку, поэтому я вызываю первую функцию, где я хочу добавить тег <i>, но я не могу передать текущий узел из addEventListener, чтобы добавить этого дочернего элемента.

Answer 1

Вы можете передать Clicked элемент функции

var menuBtn = document.getElementsByClassName('btn-block') ; 
var lenOfMenuBtn = menuBtn.length ; 
for (var i = 0; i < lenOfMenuBtn; i++) { 
    menuBtn[i].addEventListener('click',addMenu,false) ; 
} 

function addMenu(e) { 
    addOkFlag(e.target) ; 
    // or addOkFlag(this); 

} 

function addOkFlag(el) { 
    var elmnt = document.createElement('i'); 
    elmnt.setAttribute('class','glyphicon glyphicon-ok'); 
    el.appendChild(elmnt); 
} 

Answer 2

все, что вы пытаетесь добавить к, дать ему атрибут ID, то ...

document.getElementsByClassName('myElementsId').appendChild(elmnt); 

..replace "myElementsId" с элементами ID