通過 Id 獲取要在特定頁面中定位的元素

Question

這是我第一次發帖，所以如果可能的話，請幫忙:)

我正在制作一個網頁，但遇到了一個您可以幫助解決的問題。 有3個文件：

home.html--> 主頁
login.html--> 帶有要在 home.html 內的 iframe 中打開的表單的頁面
hh.js--> javascipt 文件

我的最終目標是在按下 login.html 頁面上的提交按鈕后顯示用戶名，而不是寫在 home.html 上的登錄名。

就目前而言，我只是想將登錄一詞更改為其他任何內容而不是用戶名。

以下是hh.js(javascript文件)的代碼：

function goback(){
alert("yes") 
var str = document.getElementById("demo").innerHTML;
var res = str.replace("Login","ppap");
document.getElementById("demo").innerHTML = res;
}

以下是存在登錄詞的 home.html 文件（主頁）的代碼

<a onclick="login()"><span id="demo">Login</span></a>

以下是文件 Login.html 的完整代碼：

<html>
<head>
<script language="javascript" src="hh.js">
</script>
</head>
<body bgcolor="#000033">
<br><font color="white">
LOGIN<br>
USERNAME:<input type="text" id="user"><br>
PASSWORD:<input type="password"><br>
<button onclick="goback()">Submit</button>
</body></font>
</html>

問題-

兩個文件中都存在函數 goback() 只是為了測試。 兩個頁面都有一個按鈕（Login.html 有提交按鈕 && home.html 有一個功能相同的隨機按鈕）。

當我單擊登錄按鈕（home.html 中的 iframe）時，它會以 yes 運行警報，但當我使用相同功能運行 home.html 中的按鈕時，它不會更改登錄字按鈕，警報也會出現凌字更改為 ppap。

我認為很高興-提交按鈕運行但getelementid在login.html而不是home.html中搜索id名稱。

請如果有人可以幫助我將getlementbyid定位到home.html，我將不勝感激，但請提供一個非常簡單的代碼，因為學校的老師不會理解代碼。 此外，如果有任何其他簡單可行的方法來做同樣的事情，我也可能會盡快收到這些答案，而不是使用 iframe 我用來隱藏該區域，直到調用登錄函數，然后在同一頁面中調用 goback() 函數..

Answer 1

沒有 id 為“demo”的元素，因此 JavaScript 找不到它，也不知道將文本應用到哪里。 嘗試將要替換的文本放入 div 或 span 元素中：

<span id="demo">LOGIN</span>

此外，“登錄”與“登錄”不同，因此當您嘗試替換“登錄”時，沒有什么可以替換的。 但是，如果您嘗試替換“登錄”，則它會起作用。

var res = str.replace("LOGIN","ppap");

這也可以：

var res = "ppap";

另外，不要忘記在 javascript 函數調用的每一行之后添加分號，您在代碼中錯過了一個。

Answer 2

你會需要這個：

function login() {
    document.getElementById("demo").innerHTML = "Logout";
}

更改測試

<a onclick="login()"><span id="demo">Login</span></a>

閱讀您的問題有點困難，但要顯示元素嘗試

js

document.getElementById("demo").style.display = "block";

css

#demo {display: none;}

通過 Id 獲取要在特定頁面中定位的元素

問題描述

2 個解決方案

解決方案1
1 2017-02-05 08:33:33

解決方案2
0 2017-02-05 08:31:40

通過 Id 獲取要在特定頁面中定位的元素

問題描述

2 個解決方案

解決方案1 1 2017-02-05 08:33:33

解決方案2 0 2017-02-05 08:31:40

解決方案1
1 2017-02-05 08:33:33

解決方案2
0 2017-02-05 08:31:40