javascript - Chrome 扩展创建 - 获取元素的 Src 属性并打开新选项卡

Question

这个问题已经有答案了:

How to use getElementsByClassName in javascript-function? [duplicate] (3 个回答)

What do querySelectorAll and getElementsBy* methods return? (12 个回答)

已关闭 6 年前。

ma​​nifest.json:

{
"manifest_version": 2,

"name": "Secure Video Downloader",
"description": "Download Videos Virus Free",
"version": "1.0",
"content_scripts": [
                     {
                         "matches": ["https://gostream.is/*", "http://gostream.is/*"],
                         "js": ["content.js", "jquery-3.2.1.min.js"],
                         "run_at": "document_end"
                     }
              ],
"browser_action": {
    "default_icon": "secure_16.png",
    "default_popup": "popup.html"
},
"permissions": [
    "tabs", "http://*/*"
]
}

content.js:

function showpanel() {     
    var video = document.getElementsByClassName("jw-video").src;
    console.log(video);
    window.open(video, '_blank');
}

setTimeout(showpanel, 10000);

元素:

<video class="jw-video jw-reset" disableremoteplayback="" webkit-playsinline="" playsinline="" jw-loaded="data" src="https://3.bp.blogspot.com/_SxCDsop4y3m5AuPGDOuDZ-y7MhCneqxOCGqVmWO9evlbvZ1yM4GuI9fBtYriE6ImR1LQiSrSUWcS6g9rv_jeJj5-f5HyJO0pod5elOGpwhxZIoix4cth9b6dNUWdMJMPETq1ds_8A=m37" jw-played=""></video>

描述:
当我加载页面时，它加载 content.js并等待 10 秒让 setTimeout 完成，将打开一个新选项卡，网址为 about:blank 。我还测试了控制台显示的元素 src 内容，并打印出 undefined在控制台中。如果我右键单击开发控制台中的链接并按 Open In New Tab元素 src 像它应该的那样打开。我还尝试更改 window.open(showpanel, 10000)至window.open('http://www.sethjfreeman.com', 10000)它打开了我的网络投资组合。所以问题肯定出在获取元素的 src 属性上。

Answer 1

这可能是您的问题:

 var video = document.getElementsByClassName("jw-video").src;

.getElementsByClassName()返回 HTMLCollection没有属性 src

的元素

试试这个:

var video = document.getElementsByClassName("jw-video")[0].src;