使用JavaScript更改没有ID的HTML按钮文本

Question

我正在一个项目中，我必须更改按钮内的文本，但不允许该按钮具有ID。我想知道如何做到这一点。 如果有帮助，我正在使用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

document.getElementsByClassName("class1 class2 class3")[0].innerHTML = "test"用适当的索引替换零。如果修改了网站标记，则可能需要更新。

Answer 4

您可以按班上课

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

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