Question

我有<input type="hidden" class="Key" value="1m2.123.mds.34g" />

如何在不使用jQuery的情况下获取值？

使用jQuery我只写：

var parse = $('.Key').attr("value")
alert(parse);

我在纯JavaScript中需要这个，也许使用RegEx？我将在包含这样的行的txt文件上执行此脚本。

Answer 1

检查这个

＆＃13;

window.onload=function(){
  var hidden=document.getElementsByClassName("Key");
  alert(hidden[0].value);
}

＆＃13;

<input type="hidden" class="Key" value="1m2.123.mds.34g" />

＆＃13;

Answer 2

轻松！只需使用 getElementsByClassName 即可。 E.g：

document.getElementsByClassName('Key')[0].value

或者，如果您必须按ID获取值，则可以使用 getElementById

document.getElementById('idHere').value

Answer 3

var inputs = getElementsByClassName('Key');
    for(var i=0; i<inputs.length;i++) {
        console.log(inputs[i].value);
    }

Answer 4

以下是获取.Key值的4种方法。我还使用方法val()在

段

var k = document.querySelector('.Key').value;
console.log(k);

// This works if .Key is inside a <form>
var e = document.forms[0].elements[0].value;
console.log(e);

var y = document.getElementsByTagName('input')[0].value;
console.log(y);

var s = document.getElementsByClassName('Key')[0].value;
console.log(s);

//BTW there's a better way of finding value with jQuery
var $Key = $('.Key').val();
console.log($Key);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id='f1'>
  <input type="hidden" class="Key" value="1m2.123.mds.34g" />
</form>

Answer 5

谢谢大家。我解决了这个问题如下：

var regEx = /class="Name"+ value="(.*?)"/;
newName = result.match(regEx)[1];

var regEx2 = /class="Key"+ value="(.*?)"/;
var key = result.match(regEx2)[1];

Alert(key + ' ' + newName );

从隐藏领域获取价值 - JavaScript

5 个答案:

段