JavaScript Доступ случайного ввода значения внутри класса

Question

У меня есть веб-страница, и я пытаюсь дать ответ на нее. Я заинтересован в получении значения случайного токена, назначенного пользователю. например, ответ содержит:

<input type='hidden' name='TOKEN236030854X1539105004' value='sqpxefsQf1LbdAZvyy9GmUEUU8Uz/8o7' class='_post_token' /> 

Сначала я искал класс:

document.getElementsByClassName('_post_token');

затем извлеките значение токена:

document.getElementsByClassName('_post_token').TOKEN515634759X1539104492.value;

Как я могу найти токен? потому что приложение добавляет случайное значение к работе TOKEN. Есть ли способ поиска с подстановочными знаками, такими как TOKEN*? или что-нибудь, чтобы помочь мне получить параметр и извлечь значение?

С Уважением,

Answer 1

getElementsByClassName находится во множественном числе, указывая, что он возвращает много элементов. Таким образом, вы могли бы:

var element = document.getElementsByClassName('_post_token')[0]; // Gets first element, which is at index 0

Тогда я не уверен, хотите ли вы указать имя или значение токена:

var name = element.name;
var value = element.value;

console.log(name);
console.log(value);

Answer 2

Похоже, это должно сработать:

document.querySelector('._post_token').value

Answer 3

Если вы знаете, что имя ввода начинается с "TOKEN", вы можете найти ввод, используя синтаксис "начинается с":

var tokenValue = document.querySelector("input[name^='TOKEN']").value;

Селектор передан document.querySelector находит первый <input> поле которого name начинается с "TOKEN" и возвращает его значение.

var tokenValue = document.querySelector("input[name^='TOKEN']").value;

console.log(tokenValue);

<input type='hidden' name='TOKEN236030854X1539105004' value='sqpxefsQf1LbdAZvyy9GmUEUU8Uz/8o7' class='_post_token' />