JavaScript 通過jsname獲取Input中的元素值

Question

我正在嘗試從 html 文件中抓取數據。 具體來說，我需要輸入中的變量值。 下面我有一個輸入示例以及到目前為止我嘗試做的事情（我專門嘗試獲取“data-inital-value：

輸入：

<input type="username" class="whsOnd zHQkBf" jsname="YPqjbf" autocomplete="current-username" spellcheck="false" tabindex="0" aria-label="Enter your username" name="usernamefield" autocapitalize="off" dir="ltr" data-initial-dir="ltr" data-initial-value="trying to get this" badinput="false">

我的代碼：

<script>
    String uname = document.getElementById('usernamefield').value
</script>

Answer 1

您可以使用getAttribute

注意： document.getElementById('usernamefield')選擇輸入元素，但該輸入元素上有id屬性。 添加id或使用任何其他方式選擇。

 const input = document.querySelector('input') console.log(input.getAttribute('data-initial-value'))

 <input type="username" class="whsOnd zHQkBf" jsname="YPqjbf" autocomplete="current-username" spellcheck="false" tabindex="0" aria-label="Enter your username" name="usernamefield" autocapitalize="off" dir="ltr" data-initial-dir="ltr" data-initial-value="trying to get this" badinput="false">

由於您需要的屬性以data為前綴，您可以使用dataset獲取它。 請注意，當您使用dataset ，屬性名稱將轉換為駝峰式命名法。 例如， initial-value將被轉換為initalValue

 const input = document.querySelector('input') console.log(input.dataset.initialValue)

 <input type="username" class="whsOnd zHQkBf" jsname="YPqjbf" autocomplete="current-username" spellcheck="false" tabindex="0" aria-label="Enter your username" name="usernamefield" autocapitalize="off" dir="ltr" data-initial-dir="ltr" data-initial-value="trying to get this" badinput="false">

Answer 2

這有點晚了，但對於每個需要它的人來說。

使用可以為它使用querySelector / querySelectorAll 。

document.querySelector("div[jsname='something']")

您還可以在[]中寫入您想要的每個屬性，例如data-attributes 。

希望我能幫上忙:D