javascript - 关于 jscript 中 for 循环中 innerHTML 的工作

标签 javascript innerhtml

我的 HTML 代码,我想知道当我使用 text 而不是 text+ 时会发生什么:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Loops</h2>

<div id="demo"></div>

<script>
var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
    text+=cars[i]+"<br>";
    document.getElementById("demo").innerHTML = text;
}
</script>

</body>
</html>

最佳答案

= 运算符是 assignment operator .它为变量赋值,覆盖旧值:

var a = 'Hello, ';
a = 'World!';
console.log(a); // logs 'World!'

+= 运算符是加法赋值运算符。它将值添加到变量的值:

var a = 'Hello, ';
a += 'World!';
console.log(a); // logs 'Hello, World!'

相当于:

var a = 'Hello, ';
a = a + 'World!';
console.log(a); // logs 'Hello, World!'

关于javascript - 关于 jscript 中 for 循环中 innerHTML 的工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45567984/

相关文章:

javascript - 在 Angular 5 中设置 header

javascript - AngularJS 范围变量不会在具有隔离范围的指令中持续存在

javascript - 修改 slider (www.basic-slider.com)以显示上一张和下一张幻灯片

javascript - 如何 append 到使用 jquery 在 for 循环中动态创建的 div 名称?

javascript - 执行用 .innerHTML 插入的 &lt;script&gt; 元素

javascript - 从原型(prototype)中选定的复选框获取innerHTML文本

javascript - 我希望单击按钮时更改页面的 CSS

javascript - 在 VS Code 中检查样式组件的 CSS 错误

jquery - 如何替换 HTML 标记的文本

javascript - insideHTML 正确显示除文本颜色和背景颜色之外的所有内容