如何在 innerHTML 中使用 var javascript

How to use var javascript in innerHTML?

本文关键字：var javascript innerHTML      更新时间：2023-09-26

设置元素innerHTML时如何使用javascript变量？要查看我的问题，请先单击CLICK 1。这将显示delete，然后单击 delete 。为什么警报不显示111-aaaa,1？我该怎么做？

https://jsfiddle.net/brf75wvp/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<input id="test_id" value="1"/>
<div onclick="test_fn1()">CLICK 1</div>
<div id="demo"></div>
<script>
    function test_fn1() {
        var test_id_val = document.getElementById("test_id").value;
        document.getElementById("demo").innerHTML = "<span onclick= delete_fn('111-aaaa, test_id_val')>delete</span>";
    };
</script>
<script>
    function delete_fn(no_delete) {
        alert(no_delete);
    };
</script>

您应该添加带有字符串的变量，如下所示。

function test_fn1() {
    var test_id_val = document.getElementById("test_id").value;
    document.getElementById("demo").innerHTML = "<span onclick=delete_fn('111-aaaa,"+test_id_val+"')>delete</span>";
}

您需要将变量连接到字符串：

document.getElementById("demo").innerHTML = "<span onclick=delete_fn('111-aaaa," + test_id_val + "')>delete</span>";

更新的小提琴

存在语法错误。正确的是：

document.getElementById("demo").innerHTML = "<span onclick=delete_fn('111-aaaa," + test_id_val + "')>delete</span>";

您的代码遇到一些错误，请尝试使用波纹管，这将起作用

<script>
function test_fn1() {
var test_id_val = document.getElementById("test_id").value;
document.getElementById("demo").innerHTML = '<span onclick=delete_fn("111-aaaa,'+test_id_val+'")>delete</span>';
};
</script>
相关文章：