如何通过JavaScript获取HTML元素值?

时间:2017-03-03 08:05:33

标签: javascript html

<div class="gallery_re_form">
  <form action="http://gall.dcinside.com/?/forms/comment_submit" method="post" accept-charset="utf-8" name="comment_write" id="comment_write" />
      <div style="display:none">
          <input type="hidden" name="ci_t" value="625752bb366f010c56e506e5d0f93822" />
      </div>
      <input type="hidden" name="ehqo_C" id="ehqo_C" value="spam_key" />
      <input type="hidden" name="spam_key" id="spam_key" value="rhkdrhgkwlak!!" />
      <input type="hidden" name="fb8f95190d2b70480acb309f91653d7e4416d4f99a0b67a0b866f06087fdec4588f68fe210675e74919d2ecc50e08f1fd6f75119" id="fb8f95190d2b70480acb309f91653d7e4416d4f99a0b67a0b866f06087fdec4588f68fe210675e74919d2ecc50e08f1fd6f75119" value="b9d3cc45576e30144d8f299fdc61356552989b3aba08238c811b1d3183a104cc2d1d3984af72c4f2eaa2738ca41819d05533731a" />
      <input type="hidden" name="service_code" value="21ac6e96ad152e8f15a05b7350a24759b5606fa191c17e042e4d0175735f4c61d63153c3ce7b4eb89b565a7f6a04ad0667df75f39625ab6fe0816d23f4bed5387546b52d6874b5c201e54df7b5db9187219b048cffc9ef8a106febabfba125eff122df732d9cc52fcaae8b11c42ff5f6fd5ef81901df4103827e7233615992141c180be76852634d53b60c6f911ccdfc762b3db554d8ee36528547bceede30697120c5291acb255a" />
      <br />
      <div class="re_input">
          <div>
              <ul>
                  <li>
                      <input type="text" name="name" id="name" class="re_name re_in" onfocus="this.style.background='#FFFFFF'" title="nickname" />
                  </li>
                  <li>
                      <input type="password" name="password" id="password" class="re_pw re_in" onfocus="this.style.background='#FFFFFF'" title="password" />
                  </li>
              </ul>
          </div>
      </div>
  </form>

我试图重写Google Chrome扩展程序。我希望在此HTML响应中获得#spam_key#service_code的值。

我没有使用过JavaScript。

如何通过JavaScript获取HTML元素ID(spam_key,service_code)和值?

5 个答案:

答案 0 :(得分:1)

您想要检索spam_key元素和service_code元素的值吗?

var spam_key = document.querySelector('#spam_key');
var service_code = document.querySelector('input[name=service_code]');

console.log(spam_key.value);
console.log(service_code.value);

您可以在here

了解有关javascript选择元素的详情

答案 1 :(得分:1)

DOM有一个document对象,您可以像这样使用它来获取您想要的HTML元素

document.getElementById("id")

现在要获取值,只需使用此元素的value属性。

document.getElementById("id").value

答案 2 :(得分:0)

您可以使用以下方式获取HTML输入元素的值:

var spam_key = document.getElementById('spam_key').value;
var service_code = document.getElementById('service_code').value;

答案 3 :(得分:0)

试试这个,它应该给出spam_key的值

document.getElementById('spam_key').value;

答案 4 :(得分:0)

如果你有jQuery,你可以通过以下方式获得:$("#spam_key").val()