javascript - 页面加载后如何使用javascript修改html

Question

我是 js 新手，正在学习如何使用 js 修改 html，我想修改：

<video controls="" controlslist="download" src="//storage.googleapis.com/media-session/caminandes/short.mp4#t=80">&lt;</video>

至...

<video controls="" controlslist="nodownload" src="//storage.googleapis.com/media-session/caminandes/short.mp4#t=80">&lt; </video>

页面加载后，我想更改controlslist="download"为controlslist="nodownload"

页面源：https ://googlechrome.github.io/samples/media/controlslist.html

Answer 1

使用onload如下事件

window.onload = function() {

    // select your expected video tag 
    // change attribute controlslist value to expected one 

}

完整代码：

window.onload = function() {
    // select your expected video tag 
    // change attribute controlslist value to expected one 
    var searchString = "t=80";
    var videos = document.getElementsByTagName("video");
    for (let item of videos) {
        if (item.getAttribute("src").includes(searchString)) {
            item.setAttribute("controlslist", "Anything I want")
        }
    }
}