gpt4 book ai didi

javascript - 如何从外部js文件中引用一个id

转载 作者:太空宇宙 更新时间:2023-11-04 04:22:26 26 4
gpt4 key购买 nike

这是一个后续问题。我终于能够让提示循环在 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 中很重要。

关于javascript - 如何从外部js文件中引用一个id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18839850/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com