gpt4 book ai didi

javascript - 如何在 html 标签内插入 JavaScript 变量?

转载 作者:行者123 更新时间:2023-12-02 22:35:28 24 4
gpt4 key购买 nike

我想在 html 链接中插入一个 javascript 变量,以便每次更改变量的值时,它都会在 html 链接中立即更改。

我已经尝试了很多可能性,但没有成功。我的代码如下:

<head>
<title>Hello World</title>
</head>
<body>

CATEGORIE NAME: <input id="first_name">
DEVICE NAME: <input id="last_name">
<button id="say">Send!</button>

<hr>
<div id="result"></div>

<script>
function say_hi() {
var fname = document.getElementById('first_name').value;
var lname = document.getElementById('last_name').value;

var html = 'CODE: <b>' + fname + lname;

document.getElementById('result').innerHTML = html;
}

document.getElementById('say').addEventListener('click', say_hi);


</script>
<a href="http://barcodes4.me/barcode/c39/ +$html.png">Click this link</a>

</body>
</html>

请问我应该怎么做,以便链接每次都直接获取变量“html”的值并作为链接的一部分添加

最佳答案

DOM API 相当简单。它遵循与 HTML 几乎完全相同的约定。例如,a 标记的 href 属性是 a 对象的 href 属性。

您需要做的是让您的 a 标记更容易找到:

<a id="this_link" href="">Click this link</a>

现在在您的脚本中您可以简单地执行以下操作:

var link = document.getElementById('this_link');
link.href = "http://barcodes4.me/barcode/c39/" + html + ".png"

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com