时间戳

首页 > 解决方案 > 使用 Javascript 更改没有 ID 的 HTML 按钮文本

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

问题描述

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

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

标签： javascripthtmlkendo-ui

解决方案

您可以通过仅针对现有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/

推荐阅读