Question

我有一个网页，我正在尝试呈现它的响应。我有兴趣获取分配给用户的随机令牌的值。例如，响应包含：

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

我确实首先搜索了课程：

document.getElementsByClassName('_post_token');

然后提取令牌的值：

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

如何搜索令牌？因为应用程序将随机值附加到工作令牌。有没有办法使用通配符（如TOKEN *）进行搜索？或任何有助于我获取参数并提取值的东西？

此致

Answer 1

看起来像这样应该可以解决问题：

document.querySelector('._post_token').value

Answer 2

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 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' />