Javascript 在范围中显示变量 你叫什么名字 我不知道你的名字 哦，这是默认的！ 函数giveUser（）{ var User=document.getElementById（“用户”）.value； console.log（用户） document.getElementById（'User'）。innerHTML=User； document.getElementById（'name'）.style.visibility='hidden'； document.getElementById（'P2'）。style.visibility='visible'； }

在这里，我通过一个文本框询问那里的用户名 但它不会在跨度中显示它

---

这里有一个fiddle

ID

属性应该是唯一的。您的

span

和

input

都具有

User

请更改其中一个的

ID

，然后重试。（）

---

此外，您应该用引号（

“

）括起您的所有属性，但它看起来更干净；）

ID

属性应该是唯一的。您的

span

和

input

都有一个ID

User

请更改其中一个的

ID

，然后重试。（）

---

此外，您应该用引号（

“

）括起所有属性，但它看起来更干净；）

您需要在id周围加引号

<div id=name>Whats your Name?: <input type="text" id="User">
<input type="button" value="submit" onclick="giveUser()"/>
<br> I dont know your Name </br>
</div>
<br>
<div id=P2>
Oh its <span id=User>Default</span>!
</div>
<script>

function giveUser() {
var User = document.getElementById("User").value;
console.log(User)
document.getElementById('User').innerHTML = User;
document.getElementById('name').style.visibility = 'hidden';
document.getElementById('P2').style.visibility = 'visible';
}

</script>

然后JavaScript可以访问DOM并设置

innerHTML

---

此外，P2是一个预定义的设置，因此无论如何它都不能作为id保存。试试

“paragraphTwo”

或其他方法。

您需要在id周围加引号

<div id=name>Whats your Name?: <input type="text" id="User">
<input type="button" value="submit" onclick="giveUser()"/>
<br> I dont know your Name </br>
</div>
<br>
<div id=P2>
Oh its <span id=User>Default</span>!
</div>
<script>

function giveUser() {
var User = document.getElementById("User").value;
console.log(User)
document.getElementById('User').innerHTML = User;
document.getElementById('name').style.visibility = 'hidden';
document.getElementById('P2').style.visibility = 'visible';
}

</script>

然后JavaScript可以访问DOM并设置

innerHTML

---

此外，P2是一个预定义的设置，因此无论如何它都不能作为id保存。尝试

“paragraphTwo”

或其他方法。

为var和id使用不同的名称

函数giveUser（）{
var User=document.getElementById（“用户”）.value；
console.log（用户）
document.getElementById（“demo”）.innerHTML=User；
document.getElementById（'name'）.style.visibility='hidden'；
document.getElementById（'P2'）。style.visibility='visible'；
}

#P2{
可见性：隐藏；
}

你叫什么名字

我不知道你的名字



哦，这是默认的为变量和id使用不同的名称


函数giveUser（）{
var User=document.getElementById（“用户”）.value；
console.log（用户）
document.getElementById（“demo”）.innerHTML=User；
document.getElementById（'name'）.style.visibility='hidden'；
document.getElementById（'P2'）。style.visibility='visible'；
}
#P2{
可见性：隐藏；
}

你叫什么名字

我不知道你的名字



哦，这是默认的在id周围加引号，并确保每个属性都有唯一的id
像这样

<span id="someid" />



在id周围加引号，并确保每个属性都有唯一的id
像这样

<span id="someid" />



id=“id”
也不是唯一的id，DOM也不会更改。@怀亚特id名称是您的选择，我刚才输入的应该是这样的
id=“id”
也不是唯一的id，DOM也不会更改。@怀亚特id名称是您的选择，我刚才输入的应该是这样的