Question

我有这个按钮：

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

将视频大小更改为HD并返回SD（不是文件，它将视频窗口的大小从360p更改为720p，反之亦然，视频为1280x720）：

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

但是我想从HD更改按钮的名称（当视频是SD时，以便用户可以选择以高清格式查看）到SD（这样用户可以更改为在SD中查看视频）。

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

"if video size = 720p
change var = SD

if video size = 360p
change var = HD"

OR

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>

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

1 个答案: