Question

我正在尝试在另一个变量中添加一个变量，该变量是一块html代码。看来您不能只在html代码中输入变量的名称。

<body>

    <div id="wrapper"></div>

    <script>
    var link = "https://google.com"
    var codeBlock = '<a href="link">' +
    'LINK TO GOOGLE' +
    '</a>';

    document.getElementById("wrapper").innerHTML = codeBlock
    </script> 

</body>

我希望结果是指向https://google.com的链接。

Answer 1

您可以使用template literals：

const link = 'https://stackoverflow.com';
const linktext = 'stackoverflow';

const link1 = 'https://google.com';
const linktext1 = 'google.com';

// template literals
let codeblock = `<a href="${link}">${linktext}</a>`;

// or string concatenation
codeblock += '<a href="' + link1 + '">' + linktext1 + '</a>';

document.getElementById('wrapper').innerHTML = codeblock;

a {  margin: 10px; }

<div id="wrapper"></div>

变量中的javascript变量是html块

1 个答案: