我是 Javascript 和 HTML 新手。我有一个小问题,我一直在尝试解决,但不知道如何解决。
我正在尝试将变量从 Javascript 文件中的方法传递到 HTML 文件中,并像使用 HTML 代码一样使用它的值。 我知道 Javascript 文件已正确传递到 HTML,问题只是从中获取变量。
以下是相关的 Javascript 方法:
function getCode() {
var myCode ="Hello World";
document.getElementById("myCode").innerHTML = "<a>" + myCode + "</a>";
}
下面是相关的 HTML 代码:
<body>
<a href="myCode" onclick="getCode()">
<code id="myCode" class="prettyprint"> myCode </code>
</body>
我不知道我这样做是否正确。我只需要将变量 myCode 转换为 HTML 代码,换句话说,此时 HTML 中的 myCode 应转换为“Hello World”:
<code class="prettyprint"> myCode </code>
最佳答案
单击链接时,浏览器会将地址栏更改为 myCode
,因为这就是 anchor 的 href
属性所指向的内容。
我猜这不是您想要的,因此您可以将 href
属性的值更改为 #
之类的值来防止这种情况发生。
<a href="#" onclick="getCode()">
关于javascript - 如何将 Javascript 变量传递到 HTML 文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22133970/