Не срабатывает код

[nightgremlin]

Не пойму в чем дело. Пожалуйста подскажите. Мне надо чтобы при нажатии (onmousedown) на любую кнопку на страничке менялись её стили:

document.body.onmousedown = function(event) {
  var target = event.target;
    if (target != 'button') return; // Если нажали не на кнопку, то ничего не происходит

    target.style.borderBottomWidth = 1 + 'px'; // Например, поменяем размер нижней границы
};

Заранее спасибо!

Edited September 14, 2017 by nightgremlin

[DivMan]

 if (target.tagName != 'BUTTON')

 

[nightgremlin]

7 часов назад, DivMan сказал:

 if (target.tagName != 'BUTTON')

 

+1, как всё просто! Огромное спасибо, усталость наверное даёт свой отпечаток. Дописал немного код: https://jsfiddle.net/nightgremlin/f5vcgadr/  Это так для примера, может кому пригодиться.

[DevChristmas]

В 15.09.2017 в 06:19, nightgremlin сказал:

+1, как всё просто! Огромное спасибо, усталость наверное даёт свой отпечаток. Дописал немного код: https://jsfiddle.net/nightgremlin/f5vcgadr/  Это так для примера, может кому пригодиться.

Вот пример на jQuery : 

$('body').on('mousedown',function(event) {
  var elem = event.target;
  
	if(!$(elem).is('button')){
      
      $(elem).css('border-bottom':'1px solid deepskyblue');
    
  }
}

jQuery значительно упрощает работу с DOM элементами.

Edited September 22, 2017 by DevChristmas

[nightgremlin]

3 часа назад, DevChristmas сказал:

jQuery значительно упрощает работу с DOM элементами.

Согласен с вами, но нет необходимости подключать целую библиотеку ради нескольких строчек кода.

Да и нативным JS можно добиться такого же результата (код по размеру получился такой же)