簡體   English   中英

document.getElementById找不到qUnit DOM元素

[英]document.getElementById can't find qUnit DOM elements

我正在嘗試獲取由qUnit創建的DOM對象的引用,但是沒有運氣。 與“自制” DOM元素一起使用時效果很好。 我已經做了一個測試站點來說明問題。 訪問該網站時,請打開Firebug或其他日志記錄窗口。

這是網站的代碼:

 window.onload = function() { var qunitTestrunnerToolbar_element = document.getElementById("qunit-testrunner-toolbar"); console.log("qunitTestrunnerToolbar_element: ", qunitTestrunnerToolbar_element); var test_element = document.getElementById("test_element"); console.log("test_element: ", test_element); }; 
 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Testing 'require' error</title> </head> <body> <p>See console for output</p> <script src="index.js"></script> <script src="http://code.jquery.com/jquery-2.2.0.js"></script> <p id="test_element">Test element</p> </body> </html> 

這樣就行了

我說的不是qunit而是document.getElementById("qunit-testrunner-toolbar"); 將返回null,因為此html中沒有元素。

如果您特別詢問如何獲取實際ID,而不是null

您可以在此html中添加原始腳本文件 ,然后var qunitTestrunnerToolbar_element = document.getElementById("qunit-testrunner-toolbar"); consoleindexjs 或者如果你可以包含<iframe>在您的測試HTML,你可以做

<iframe src="urlWithinYourDomain.html" style="display:none" id="iframeId"></iframe>和indexjs

var qunitTestrunnerToolbar_element = document.getElementById('iframeId').contentWindow.document.getElementById('qunit-testrunner-toolbar'); 如果您喜歡html方式。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM