如何在 javascript 中显示变量的值

Question

我的 html

中有这个脚本

<script type="text/javascript">
    var a = 2; b = 3;
    var total = 2 * 3;
    var final = total;   //I want this to show 6 when I inspect element
 </script>

如果我在 chrome console.log(final) 上调试，它将显示 6 现在我想在 html 上显示 6。当我检查并单击元素部分时，我希望它显示 6 而不是代码 (var final = total;) 我该怎么做？就像 php 我可以像 <?php echo $variable ?> 我想要这样 javascript

Answer 1

不确定您一开始为什么要这样做，或者这样做的目的是什么，但是您可以使用 innerHTML 属性来实现这样的目的：

<!-- HTML -->

<script type="text/javascript" data-someName="someName">
var a = 2; b = 3;
var total = 2 * 3;
var final = total;   //I want this to show 6 when I inspect element
</script>

<script>
document.querySelector('script[data-someName="someName"]').innerHTML += `var final = ${total};`;
</script>

<h1>INSPECT ME</h1>

如何在 javascript 中显示变量的值

How to display the value of a variable inside javascript

javascript

jquery