通過javascript訪問新標簽中的HTML元素

Question

我想訪問新選項卡中的元素並為其寫入值。

我創建了一個帶有不同按鈕的站點 (html)，它啟動一個 javascript，它將打開新選項卡，並應在新選項卡中按 id 查找指定元素。

找到后，它應該輸入例如用戶名。

但它永遠不會在新選項卡中找到該元素。 我想重點仍然是第一個文檔。

如何將 javascript 的焦點更改為新選項卡？

編輯：

抱歉，這是帶有按鈕的頁面代碼：

<button type="button" onclick="opencem()">CEM</button>

<button type="button" onclick="vascologin()">VASCO</button>

<script src="login.js">
</script>

這是帶有您建議的js代碼：

function opencem() {
var newTab = window.open('https://slkub...');
newTab.focus();
newTab.document.getElementById('f-username').value = 'test';
}

但我仍然收到錯誤：

Uncaught TypeError: Cannot set properties of null (setting 'value')
at opencem (login.js:235)
at HTMLButtonElement.onclick (login.html:29)

Answer 1

您可以打開窗口並將其保存到一個變量中，然后根據該變量更改內容。

var newTab = window.open();
newTab.document.getElementById("id").value = username;

請參閱https://stackoverflow.com/a/40031206/14006497 。

Answer 2

如果您提供一些代碼來查看如何打開選項卡，這將有所幫助。

如果你用window.open來做，你可以像這樣聚焦：

var newTab = window.open("https://example.com", "_blank");
newTab.focus();