我可以使用变量来更改按钮的显示名称吗？

Question

我有这个按钮：

<button onclick="goHD()">HD</button>

这会将视频大小更改为 HD 并变回 SD（不是文件，它将视频大小 window 从 360p 更改为 720p，反之，视频为 1280x720）：

function goHD() {
if (myVideo.width != 1280)
    myVideo.width = 1280
else
    myVideo.width = 720;
}

但我想将按钮的名称从高清（当视频为标清时，以便用户可以select以高清观看）更改为标清（以便用户可以更改以标清格式观看视频）。

有没有办法创建一个可以做这样的事情的变量？

"if video size = 720p
change var = SD

if video size = 360p
change var = HD"

或

function goHD() {
if (myVideo.width != 1280)
    myVideo.width = 1280
    "change var = SD"
else
    myVideo.width = 720
    "change var = HD";
}

注意：我是编码新手，我正在努力保持简单，现在不涉及 jquery :)

Answer 1

将 this 对象传递给 goHD() 然后

JS

function goHD(el) {
    if (myVideo.width != 1280){
        myVideo.width = 1280
        el.innerHTML="SD"
    }
    else{
        myVideo.width = 720
        el.innerHTML = "HD";
    }
}

HTML

<button onclick="goHD(this)">HD</button>

我可以使用变量来更改按钮的显示名称吗？

Can I use variables to change the display name of a button?

html

variables

video

button