激活javascript时，文本将消失_Javascript_Html

激活javascript时，文本将消失

javascript html

激活javascript时，文本将消失,javascript,html,Javascript,Html,我通过以下示例练习JavaScript，遇到了一个问题我希望“此文本不显示”与随机选择的数组项一起显示。不幸的是，只有随机选择的数组项出现，当我在浏览器中打开它时，“此文本不显示”不会出现。这个初学者的问题有什么解决办法先谢谢你 <!DOCTYPE html> <html> <body> This text does not show </body> <script> var myArray = [ "Apple",

我通过以下示例练习JavaScript，遇到了一个问题

我希望“此文本不显示”与随机选择的数组项一起显示。不幸的是，只有随机选择的数组项出现，当我在浏览器中打开它时，“此文本不显示”不会出现。这个初学者的问题有什么解决办法

先谢谢你

<!DOCTYPE html>
<html>

<body>

This text does not show

</body>

<script>
var myArray = [
  "Apple",
  "Bananas",
  "Pears"
];

var randomItem = myArray[Math.floor(Math.random()*myArray.length)];

document.body.innerHTML = randomItem;
</script>

</html>


此文本不显示
var myArray=[
“苹果”，
“香蕉”，
“梨”
];
var randomItem=myArray[Math.floor（Math.random（）*myArray.length）]；
document.body.innerHTML=随机项；

您想将随机选择的项目附加到

innerHTML

中。像这样：


此文本不显示
var myArray=[
“苹果”，
“香蕉”，
“梨”
];
var randomItem=myArray[Math.floor（Math.random（）*myArray.length）]；
document.body.innerHTML+=随机项；

您想将随机选择的项目附加到

innerHTML

中。像这样：


此文本不显示
var myArray=[
“苹果”，
“香蕉”，
“梨”
];
var randomItem=myArray[Math.floor（Math.random（）*myArray.length）]；
document.body.innerHTML+=随机项；

您正在替换文档的内部html，而不是附加到文档中：

var myArray=[
“苹果”，
“香蕉”，
“梨”
];
var randomItem=myArray[Math.floor（Math.random（）*myArray.length）]；
document.body.innerHTML=document.body.innerHTML+随机项
此文本不显示
您正在替换文档的内部html，而不是附加到文档：

var myArray=[
“苹果”，
“香蕉”，
“梨”
];
var randomItem=myArray[Math.floor（Math.random（）*myArray.length）]；
document.body.innerHTML=document.body.innerHTML+随机项
此文本不显示将document.body.innerHTML=randomItem更改为：
document.body.innerHTML=document.body.innerHTML+randomItem

此document.body.innerHTML=randomItem
替换随机项的整个body

另一方面，这个document.body.innerHTML=document.body.innerHTML+randomItem
将替换整个body
之前的值和随机项

var myArray=[
“苹果”，
“香蕉”，
“梨”
];
var randomItem=myArray[Math.floor（Math.random（）*myArray.length）]；
document.body.innerHTML=document.body.innerHTML+随机项
此文本不显示将document.body.innerHTML=randomItem更改为：
document.body.innerHTML=document.body.innerHTML+randomItem

此document.body.innerHTML=randomItem
替换随机项的整个body

另一方面，这个document.body.innerHTML=document.body.innerHTML+randomItem
将替换整个body
之前的值和随机项

var myArray=[
“苹果”，
“香蕉”，
“梨”
];
var randomItem=myArray[Math.floor（Math.random（）*myArray.length）]；
document.body.innerHTML=document.body.innerHTML+随机项
此文本不显示
您必须连接字符串
document.body.innerHTML += randomItem;

您必须连接字符串
document.body.innerHTML += randomItem;

除了HTML格式中的语法错误外，您之所以只看到randomItem
而不是“This text not show”（此文本不显示），是因为您正在使用innerHTML覆盖正文内容
考虑使用appendChild（）
方法将randomItem
作为DOM元素作为子元素附加。
除了HTML格式中的语法错误之外，这也是您只看到randomItem而不是“此文本不显示”的原因是因为您正在使用innerHTML覆盖正文的内容
考虑使用appendChild（）
方法将randomItem
作为DOM元素作为子元素附加。
您的HTML无效：您缺少
部分，并且
在
之外。您可以将某些内容分配给document.body.innerHTML
。为什么您希望document.body.innerHTML的旧值仍然显示？您的HTML无效：您缺少
部分，并且
在
之外。您可以将某些内容分配给document.body.innerHTML
。为什么希望document.body.innerHTML
的旧值仍然显示？