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

我正在做一个项目，我必须更改按钮内的文本，但按钮不允许有ID。我想知道如何实现这一点。 如果有帮助的话，我正在使用剑道UI，我相信这就是使用数据绑定为按钮提供onClick方法的方式：

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

我要更改的文本

文档。getElementsByClassName（“class1 class2 class3”）[0]。innerHTML=“test”

用适当的索引替换零。如果修改了网站标记，这可能需要更新。

一种解决方法可能是使用

数据id

属性

我要更改的文本

然后

document.querySelector（'[data id=unique_id]'）。innerHTML='something'；

或

$（“[data id=unique\u id]”）html（'something'））

---

如果您使用的是jquery，则可以通过类获取它

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

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

测试按钮
document.getElementsByClassName（'test'）[0]。innerHTML=“文本已更改”

只需针对现有的

数据绑定

属性并更改其中的文本，即可避免添加更多属性，如下所示：

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

x.innerHTML = "Hello World";

jsfiddle:

---

或者，如果不想创建额外的变量：

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

---

jsfiddle:

何时何地更改文本？在页面加载时？按一下按钮？其他地方？您知道要更改的文本吗？背景中的javascript会在页面上加载一些元素。我想在加载过程中的不同阶段更改文本。HTML是否需要像这样，或者只要它没有ID就可以更改它？谢谢您的回复。我最喜欢这个解决方案，因为它使用了数据绑定属性，这对于这个按钮来说是唯一的，而不是可以应用于任何UI元素的类。OP在他的问题中没有指定

jQuery

。请将方法更改为Javascript方法，我将撤回我的否决票。投票撤回并+1。干杯，伙计！！