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

Question

第一次学习如何做 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 文件，或者我是否需要使用不同的 method/shove 代码到 html?

Answer 1

首先应该是：

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

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

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

How do I use document.getElementById() in a separate js file?

html

javascript

getelementbyid

web