簡體   English   中英

如何從外部js文件引用id

[英]How to reference an id from external js file

這是一個后續問題。 我終於能夠在js函數中獲得提示循環。 但我希望它能顯示在主html上輸入的答案(變量)。 我為列表創建了一個容器,然后創建了<p> id,以便我可以使用

document.getElementById('emp'+loopct).innerHTML=inName;  

在瀏覽器中顯示該項目。 但似乎“文檔”沒有引用html文檔(我注意到瀏覽器在后台變暗)。 我將包含html,然后包含外部腳本。

提前致謝。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/payroll.css" />

<title>Payroll System</title>


<script type="text/javascript" >
var emps = new Array();
</script>   
</head>
<body>
<h1>Jackson Payroll System</h1>

<button type="button" onclick="inputEmp()">Click here to enter employees</button>

<div class="empContainer">
<p id=emp0> </p>
<p id=emp1> </p>
<p id=emp2> </p>
<p id=emp3> </p>
<p id=emp4> </p>
<p id=emp5> </p>
<p id=emp6> </p>
<p id=emp7> </p>
<p id=emp8> </p>
<p id=emp9> </p>
<p id=emp10> </p>
<p id=emp11> </p>
<p id=emp12> </p>
<p id=emp13> </p>
<p id=emp14> </p>
<p id=emp15> </p>
<p id=emp16> </p>
<p id=emp17> </p>
<p id=emp18> </p>
<p id=emp19> </p>
<p id=emp20> </p>
</div>
<script type="text/javascript" src="scripts/payroll.js"></script> 

</body>
</html>


function inputEmp() {
var inName = "";
var loopCt = 0
var tArray = new Array();

while (inName != "-1") 
{
    inName = prompt("Please enter your name (enter -1 to finish)","Employee Name");
if (inName == "-1")  { break; }
if (inName==null || inName=="")
    {
    alert("Blank names are not allowed.  To exit enter '-1'.");
    } 
else
    tArray[loopCt++] = inName;
    document.getElementById('emp'+loopct).innerHTML=inName;
{

}
}
return tArray;
}   

在這一行:

document.getElementById('emp'+loopct).innerHTML=inName;

你已經使用了變量loopct ,但你的循環計數器實際上叫做loopCt 案例在Javascript中很重要。

你腳本不在<script>標簽內。

你的變量叫做loopCt而不是loopct

在這一行:

document.getElementById('emp'+loopct).innerHTML=inName;

loopct需要是loopCt因為JavaScript變量區分大小寫。

暫無
暫無

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

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