时间戳

首页 > 解决方案 > 如何在单独的 js 文件中使用 document.getElementById()？

javascript - 如何在单独的 js 文件中使用 document.getElementById()？

问题描述

第一次学习如何做 webdev，为了让事情更整洁，我将我的脚本存储在他们自己的文件中。我一直在试图弄清楚如何从这个单独的文件中访问元素，但我不知道如何。

这是JS文件的相关位

function getSelectedText() {
        if document.getElementById("card1").checked == true {
            //code here
        }
}

这是它试图访问的相关 HTML

<script type="text/javascript" src="js/cards.js"></script>
<input id="card1" type="radio" name="card" value="1" checked>Test1<br>
<input id="card2" type="radio" name="card" value="2">Test2<br>
<input id="card3" type="radio" name="card" value="3">Test3<br>
<button onclick="updateCard()">View card</button>

我想访问和编辑无线电输入，但是当我尝试引用文档时 JavaScript 文件会引发错误。有什么方法可以引用 HTML 文件，还是我需要使用不同的方法/将代码推送到 html 中？

标签： javascripthtmlwebgetelementbyid

解决方案

首先，它应该是：

if (document.getElementById("card1").checked)

你忘记了那对支架。至于让 JavaScript 代码工作，您需要<script src="your js file"></script>在 HTML 文件中添加一个元素，并且代码应该可以正常工作。

推荐阅读