document.getElementsByName 找不到元素

Question

我正在嘗試獲取頁面上的所有表單元素，以便可以向它們添加一些隱藏的輸入，但是，當我嘗試找到它們時，找不到它們：

window.onload = () => {
    console.log(document.getElementsByName( 'form' ).length); # Output: 0
    console.log(document); # See below output
};

Output的文檔日志：

# Document
<html><head>
        <title>Test</title>
        <script src="/v1/notify.js"></script>
        
    </head>
    <body>
        <form action="/test" method="POST">
            <input type="text" name="name" placeholder="Enter your name...">
            <input type="submit">
        </form>
    
</body></html>

我可以在這里看到，在我的 HTML 視圖中，實際上那里有一個表格，並且document確實在那里。 為什么我無法使用document.getElementsByName()獲取此表單？

Answer 1

你的意思是document.getElementsByTagName 。
這將為您提供一個HTMLCollection - 類似數組，因此您必須從“所有” forms: document.getElementsByTagName("form")[0]中使用您想要的表單的索引。
甚至document.getElementsByName也會給你一個集合。
document.getElementById會給你一個特定的元素，只要你沒有多次使用相同的 id。
現在我要聽聽querySelector ....
順便說一句，javascript 中的注釋是// ，而不是# ，並且注釋塊以/*開頭並以*/結尾。

document.getElementsByName 找不到元素

問題描述

1 個解決方案

解決方案1
1 已采納 2020-07-27 00:19:42

document.getElementsByName 找不到元素

問題描述

1 個解決方案

解決方案1 1 已采納 2020-07-27 00:19:42

解決方案1
1 已采納 2020-07-27 00:19:42