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
– gyre, Commented Mar 3, 2017 at 8:10
Possible duplicate of How to get an input text value in JavaScript — Rajesh Dixit
– Rajesh Dixit, Commented Mar 3, 2017 at 8:14

Rajesh Dixit · Accepted Answer · 2017-03-03 08:16:59Z

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 3, 2017 at 8:16

Rajesh Dixit

25k5 gold badges52 silver badges86 bronze badges

answered Mar 3, 2017 at 8:10

王吉志

773 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mg Thar · Accepted Answer · 2017-03-03 08:15:25Z

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 3, 2017 at 8:15

answered Mar 3, 2017 at 8:10

Mg Thar

1,11210 silver badges25 bronze badges

Comments

Yogesh Mistry · Accepted Answer · 2017-03-03 08:11:05Z

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 3, 2017 at 8:11

Yogesh Mistry

2,17217 silver badges20 bronze badges

Comments

Ashutosh Jha · Accepted Answer · 2017-03-03 08:15:41Z

0

Try this, It should give the value of spam_key

document.getElementById('spam_key').value;

edited Mar 3, 2017 at 8:15

answered Mar 3, 2017 at 8:12

Ashutosh Jha

16.6k11 gold badges61 silver badges86 bronze badges

4 Comments

Mihai Alexandru-Ionut Over a year ago

Don't use both javascript and jquery.

Ashutosh Jha Over a year ago

Yup i was confused b/w val() and value .. now recheck and changed it @Alexandru-IonutMihai

Rajesh Dixit Over a year ago

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

Ashutosh Jha Over a year ago

@Rajesh I was answering when there were not any Answer

Epsilon47 · Accepted Answer · 2017-03-03 08:52:43Z

0

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

answered Mar 3, 2017 at 8:52

Epsilon47

8381 gold badge14 silver badges29 bronze badges

Collectives™ on Stack Overflow

How can I get HTML element value by JavaScript?

5 Answers 5

Comments

Comments

Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related