2013-11-28 5 views
-1

Я новичок. Я пытаюсь нажать кнопку ниже, на веб-странице:Как нажать кнопку не имеет идентификатора

<span class="action-delete" onclick=";return false;"> Delete </span> 

Я попытался код ниже, но не работает

document.getElementsByClassName('action-delete').click() 

Я использую Greasemonkey & FireFox

Спасибо заранее

Снимок экрана ниже enter image description here

+0

И это не кнопка, кстати :) это '' – MadSkunk

+0

Это кнопка, при нажатии появляется окно с сообщением. Это только код, который он имеет, как прикрепленный скриншот выше –

+0

Если это , который имеет стиль, похожий на кнопку, то это кнопка; это не имеет никакого значения для ответа на вопрос. Некоторые люди просто недружелюбны. В любом случае я опубликовал ответ ниже. –

ответ

1

«s» в getElementsByClassName указывает, что функция возвращает список. Предполагая, что есть только один элемент с таким именем класса, вы можете сделать:

document.getElementsByClassName('action-delete')[0].click() 
+0

вот и все! Я очень благодарен за помощь –

+0

@ValeriaKaya. Это 2013 год, пришло время начать использовать ['document.querySelector (« .action-delete ») .click()'] (https://developer.mozilla.org/en-US /docs/Web/API/document.querySelector);) –

1
var trigger = document.getElementsByClassName("action-delete"); 

for (var i = 0, len = trigger.length; i < len; ++i) { 
    trigger[i].addEventListener("click", function (e) { 
     alert(e.target.innerHTML); 

    }, false); 
} 

<span class="action-delete">Click me</span> 
<span class="action-delete">Hello World</span> 
<span class="action-delete">Nice to meet you</span> 

вот простой демо http://jsfiddle.net/6vs5m/

+0

Большое вам спасибо, я тоже попробую это сделать –

Смежные вопросы