document.body.span javascript

Question

Я хотел бы вызвать функцию при нажатии любого из моих элементов <span>.
Я хотел бы сделать это:

document.body.span.onClick = function(){
// do something
}

Может кто-нибудь показать мне правильный способ сделать это? Заранее спасибо!

Answer 1

window.onload = function() {
   var allSpans = document.getElementsByTagName("span");

   for (var i = 0; i < allSpans.length; i++) {
        allSpans[i].onclick = spanClickHandler;
   }
}

function spanClickHandler(e) {
      // do something
}

Answer 2

var spans = document.getElementsByTagName("span");
for (var i = 0; i < spans.length; i++) {
     spans[i].onClick = function() {
       // do something
     }
}

Вы действительно должны использовать jQuery для чего-то подобного.

Answer 3

Используйте jQuery и пишите.

function myFunction(){
    // Do your thing.
}

$(window).load(function () {
    $('span').click(myFunction);
});

Да, вам просто нужно скачать файл jQuery js и включить его вверху страницы, чтобы эта работа работала. Я настоятельно рекомендую изучать jQuery, поскольку он может упростить многие вещи. Вы можете без проблем смешивать код стиля jQuery и «обычный» JS.

Answer 4

Попробуйте это:

var spans = document.getElementsByTagName("SPAN");
var spansCount = spans.length;
for(var i=0; i<spansCount; i++){
  spans[i].onClick = function(){
   //YOUR_CODE
  }
}

P.S .: Почему бы не взглянуть на jQuery JS Framework и посмотреть, сможете ли вы начать его использовать.