Использование функции «ЭТО» внутри функции

Question

Как я могу использовать «это» в этом случае? У меня возникла ошибка. Страница не может установить отображение с нулевым или неопределенным.

<button onclick="myFunction(this)"> 

<script> 
function myFunction() { 

this.style.display='none'; 

} 
</script> 

Answer 1

Вы можете использовать func.call, чтобы связать контекст для этого вызова функции (в противном случае в вашем случае это будет указывать на глобальный объект (окно)):

myFunction.call(this); 

или myFunction(this)

Вы должны сделать:

function myFunction(elm) { 
    elm.style.display='none'; 
} 

Answer 2

Еще лучше представить рег Истр на click событие, используя addEventListener вместо с onclick встроенного в HTML:

var theButton = document.getElementById("theButton"); 
theButton.addEventListener("click", function(e) { 
    var originalElement = e.srcElement || e.originalTarget; 
    originalElement.style.display = 'none'; 
}); 

Конечно, вы должны будете либо дать кнопку то же id я - theButton - или иначе получить его, но это гораздо более гибкий и современный способ обработки события.