使用innerHTML在javascript中添加option元素时出现问题
我的javascript代码的innerHTML中有一个问题，我使用变量minute并粘贴innerHTML，添加一个选项元素来选择分钟，只是他没有在我的select中添加元素使用innerHTML在javascript中添加option元素时出现问题,javascript,html,innerhtml,Javascript,Html,Innerhtml,我的javascript代码的innerHTML中有一个问题，我使用变量minute并粘贴innerHTML，添加一个选项元素来选择分钟，只是他没有在我的select中添加元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cronômetro</title>
<style>
*{
margin: 0;
padding: 0;
text-align: center;
}
body{
background-color: rgb(219, 218, 210);
}
h2{
color: darkcyan;
font-size: 20pt;
font-family: Arial, Helvetica, sans-serif;
}
button{
width: 130px;
height: 40px;
border-radius: 7px;
background-color: rgb(47, 155, 155);
font-size: 15pt;
}
button:hover{
color: white;
}
button:active{
margin-top: 5px;
}
</style>
</head>
<body>
<div>
<h2>Minutos</h2><br>
<select id="minutos" name="minutos"></select><br><br>
<h2>Segundos</h2><br>
<select id="segundos" name="segundos"></select><br><br>
<button onclick="comecar()">Começar</button>
<div id="tela">
</div>
</div>
<script>
var minutos = document.getElementsById("minutos")
var segundos = document.getElementsById("segundos")
var mostrarNaTela = document.getElementById("tela")
for(var i = 0; i <= 60; i++){
minutos.innerHTML+='<option value="'+i+'">'+i+'</option>';
}
</script>
</body>
</html>
克罗恩地铁
*{
保证金：0；
填充：0；
文本对齐：居中；
}
身体{
背景色：rgb（219218210）；
}
氢{
颜色：深色；
字号：20pt；
字体系列：Arial、Helvetica、无衬线字体；
}
钮扣{
宽度：130px；
高度：40px；
边界半径：7px；
背景色：rgb（47155155）；
字体大小：15磅；
}
按钮：悬停{
颜色：白色；
}
按钮：激活{
边缘顶部：5px；
}
分钟数
Segundos
来吧
var minutos=document.getElementsById（“minutos”）
var segudos=document.getElementsById（“segudos”）
var mostrarNaTela=document.getElementById（“tela”）
对于（var i=0；i您错贴了getElementById。没有getElementsByID
克罗恩地铁
*{
保证金：0；
填充：0；
文本对齐：居中；
}
身体{
背景色：rgb（219218210）；
}
氢{
颜色：深色；
字号：20pt；
字体系列：Arial、Helvetica、无衬线字体；
}
钮扣{
宽度：130px；
高度：40px；
边界半径：7px；
背景色：rgb（47155155）；
字体大小：15磅；
}
按钮：悬停{
颜色：白色；
}
按钮：激活{
边缘顶部：5px；
}
分钟数
Segundos
来吧
var minutos=document.getElementById（“minutos”）
var segudos=document.getElementById（“segudos”）
var mostrarNaTela=document.getElementById（“tela”）
对于（var i=0；i您错贴了getElementById。没有getElementsByID
克罗恩地铁
*{
保证金：0；
填充：0；
文本对齐：居中；
}
身体{
背景色：rgb（219218210）；
}
氢{
颜色：深色；
字号：20pt；
字体系列：Arial、Helvetica、无衬线字体；
}
钮扣{
宽度：130px；
高度：40px；
边界半径：7px；
背景色：rgb（47155155）；
字体大小：15磅；
}
按钮：悬停{
颜色：白色；
}
按钮：激活{
边缘顶部：5px；
}
分钟数
Segundos
来吧
var minutos=document.getElementById（“minutos”）
var segudos=document.getElementById（“segudos”）
var mostrarNaTela=document.getElementById（“tela”）
对于（var i=0；i有一个输入错误，它应该是getElementById
var minutos=document.getElementById（“minutos”）
var segudos=document.getElementById（“segudos”）
var mostrarNaTela=document.getElementById（“tela”）
var options=“”
对于（var i=0；i有一个输入错误，它应该是getElementById
var minutos=document.getElementById（“minutos”）
var segudos=document.getElementById（“segudos”）
var mostrarNaTela=document.getElementById（“tela”）
var options=“”
对于（var i=0；i如果你要使用代码段，一定要测试结果..你的代码段有错误当然会有错误。我没有在代码块中包含整个大文档树。这已经对提问者有所帮助。是的，如果你的代码不可测试，那么使用代码段是毫无意义的。否则只使用常规代码块。这很混乱。Conful唱谁？看起来你是唯一一个困惑的人！困惑在于你给代码测试一个按钮来显示它是如何工作的，这是错误的。但是，这不是严厉的批评，只是一个注释来改进答案。我忘了这么一句格言不要修复用户，修复代码
-我编辑它是为了质量和c拉里蒂。如果你要使用代码段，一定要测试结果。你的代码段有错误当然会有错误。我没有在代码块中包含整个大文档树。这已经对提问者有所帮助。对，所以如果你的代码不可测试，使用代码段是毫无意义的。否则只使用常规代码块。这很混乱。混乱o？看起来你是唯一一个困惑的人！困惑在于你给代码测试一个按钮来显示它是如何工作的，这是错误的。但是，这不是严厉的批评，只是为了改进答案。我忘了这么一句格言不要修复用户，修复代码
-我编辑它是为了提高质量和清晰度。
There was a typo it should be getElementById
var minutos = document.getElementById("minutos")
var segundos = document.getElementById("segundos")
var mostrarNaTela = document.getElementById("tela")
var options = ""
for(var i = 0; i <= 60; i++){
options += '<option value="'+i+'">'+i+'</option>';
}
minutos.innerHTML = options