How can I get HTML element value by JavaScript?

Question

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

I'm trying to rewrite google chrome extensions. I want to get #spam_key s #service_codes value in this HTML response.

I have not used JavaScript.

How can I get HTML element id (spam_key, service_code) and value by JavaScript?

@Alexandru-IonutMihai Mistakes in formatting were hiding them from view. Should be fixed now. — gyre, Mar 03 '17 at 08:10
Possible duplicate of [How to get an input text value in JavaScript](http://stackoverflow.com/questions/11810874/how-to-get-an-input-text-value-in-javascript) — Rajesh, Mar 03 '17 at 08:14

score 5 · Answer 1 · edited Mar 03 '17 at 08:16

5

DOM has a document object , you can use it like this to get the HTML element what you want

document.getElementById("id")

Now to get value, just use value property of this element.

document.getElementById("id").value

edited Mar 03 '17 at 08:16

Rajesh

24,354
5
48
79

answered Mar 03 '17 at 08:10

王吉志

77
3

Mg Thar · Accepted Answer · 2017-03-03T08:15:25.373

3

You want to retrieve the spam_key element and service_code element's values?

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);

You can learn more about selection element from javascript at here

edited Mar 03 '17 at 08:15

answered Mar 03 '17 at 08:10

Mg Thar

1,084
8
24

score 0 · Answer 3 · answered Mar 03 '17 at 08:11

0

You can get value of an HTML input element using:

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

answered Mar 03 '17 at 08:11

Yogesh Mistry

2,082
15
19

Ashutosh Jha · Answer 4 · 2017-03-03T08:15:41.820

0

Try this, It should give the value of spam_key

document.getElementById('spam_key').value;

edited Mar 03 '17 at 08:15

answered Mar 03 '17 at 08:12

Ashutosh Jha

15,451
11
52
85

1

Don't use both javascript and jquery. – Mihai Alexandru-Ionut Mar 03 '17 at 08:13
Yup i was confused b/w val() and value .. now recheck and changed it @Alexandru-IonutMihai – Ashutosh Jha Mar 03 '17 at 08:16
@Ashu just a pointer, please check other answers before you post. Does you answer points or add something more to that other answer have addressed? If no, then your answer is just redundant. – Rajesh Mar 03 '17 at 08:19
@Rajesh I was answering when there were not any Answer – Ashutosh Jha Mar 03 '17 at 08:20

score 0 · Answer 5 · answered Mar 03 '17 at 08:52

0

If you have jQuery included you can get it by following: $("#spam_key").val()

answered Mar 03 '17 at 08:52

Epsilon47

768
1
13
28

How can I get HTML element value by JavaScript?

5 Answers5

Linked