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

[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]

  On 9/14/2017 at 7:59 PM, DivMan said:

 if (target.tagName != 'BUTTON')

 

Expand  

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

[DevChristmas]

  On 9/15/2017 at 3:19 AM, nightgremlin said:

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

Expand  

Вот пример на 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]

  On 9/22/2017 at 12:18 AM, DevChristmas said:

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

Expand  

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

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