Изменить текст кнопки HTML, который не имеет идентификатора, используя Javascript

Question

Я работаю над проектом, в котором мне нужно изменить текст внутри кнопки, но у кнопки не может быть идентификатора.Мне интересно, как это сделать.Если это помогает, я использую Kendo UI, который, как мне кажется, дает кнопке свой метод onClick с использованием привязки данных:

<button class="some-css-classes" data-bind="click: myJavascriptFunction">Text I want to change</button>

Answer 1

Вы можете избежать добавления дополнительных атрибутов, просто нацеливаясь на существующий атрибут data-bind и изменив текст внутри следующим образом:

var x = document.querySelector('[data-bind="click: myJavascriptFunction"]');

x.innerHTML = "Hello World";

jsFidldle: http://jsfiddle.net/AndrewL64/z7t31psn/1/

---

Или, если вы не хотите создавать дополнительную переменную:

document.querySelector('[data-bind="click: myJavascriptFunction"]').innerHTML = "Hello World";

jsFidldle: http://jsfiddle.net/AndrewL64/z7t31psn/2/

Answer 2

Один обходной путь может использовать атрибут data-id.

<button data-id="unique_id">Text I want to change</button>

, а затем

document.querySelector('[data-id=unique_id]').innerHTML = 'something';

или

$("[data-id=unique_id]").html('something')

если вы используете jquery

Answer 3

Вы можете получить его по классу

<button class="test">
Test Button
</button>

document.getElementsByClassName('test')[0].innerHTML="Text Changed"

Answer 4

document.getElementsByClassName("class1 class2 class3")[0].innerHTML = "test" заменить ноль на соответствующий индекс.Это может потребовать обновления, если разметка сайта изменена.