JavaScript中的 innerHTML 字符与变量拼接赋值

最新推荐文章于 2024-05-20 15:31:49 发布

acoolgiser

最新推荐文章于 2024-05-20 15:31:49 发布

阅读量8.2k

点赞数

分类专栏： JS 文章标签： JavaScript innerHTML 字符变量拼接

本文为acoolgiser原创文章，转载请贴上原文链接。（公众号：acoolgiser）

本文链接：https://blog.csdn.net/acoolgiser/article/details/85216561

版权

JS 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

如图，在html中有一个div，给其设置文本：字符串与变量的拼接

代码：

<body>
    <div id='divtest'></div>
</body>
<script>
    var dis = 34;
    document.getElementById('divtest').innerHTML = "test" + dis;        //这里注意变量的拼接
    document.getElementById('divtest').innerHTML += "test2" + (dis+1);  //这里注意变量的拼接
</script>

注意这样写只会显示字符串，整型变量无法显示，要改成 parseInt(dis) ，才能达到如图的效果。

<body>
    <div id='divtest'></div>
</body>
<script>
    var dis = 34;
    document.getElementById('divtest').innerHTML = "test" + parseInt(dis);        //这里注意变量的拼接
    document.getElementById('divtest').innerHTML += "test2" + parseInt(dis+1);    //这里注意变量的拼接
</script>

acoolgiser

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的 innerHTML 字符与变量拼接赋值

如图，在html中有一个div，给其设置文本：字符串与变量的拼接代码：&lt;body&gt; &lt;div id='divtest'&gt;&lt;/div&gt;&lt;/body&gt;&lt;script&gt; var dis = 34; document.getElementById('divtest').innerHTML = "test...
复制链接

扫一扫

专栏目录