Pass Text to JavaScript with document.getElementById

Question

I am trying to pass text to JavaScript via document.getElementById. Specifically, I am trying to pass the value of the ID (set to "Jason_Example_12" in the example below). I can pass values that are integers, but am unable to pass text.

I have considered using innerHtml, but that does not get the value, it only gets what is between the <li> tags.

Any help would be appreciated!

Thanks!

<script type='text/javascript'>  

function ajaxAssignFull() {
var assignment_string = 
var assignment_string = document.getElementById('assignment_string_full').value
alert(assignment_string);   
}

</script>

<li id="assignment_string_full" onclick='ajaxAssignFull()' value="Jason_Example_12"><a 
href="#">Jason Example</a></li>

li elements don't have value attributes. Input elements do. — j08691
– j08691, Commented May 20, 2013 at 2:26
can you use data-attributes and jquery? if so that might be a good route for you. — origin1tech
– origin1tech, Commented May 20, 2013 at 2:28

PSL · Accepted Answer · 2013-05-20 02:28:14Z

2

Value wil make your html invalid on li, as li does not have a value attribute. Instead try using html5 data-*. You can always use getAttribute('value') but be discouraged to do so since value is invalid on li.

Html

<li id="assignment_string_full" onclick='ajaxAssignFull()' data-value="Jason_Example_12"><a 
href="#">Jason Example</a></li>

Script

var assignment_string = document.getElementById('assignment_string_full').getAttribute('data-value');

answered May 20, 2013 at 2:28

PSL

124k21 gold badges257 silver badges243 bronze badges

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

Comments

anomaaly · Accepted Answer · 2013-05-20 02:32:15Z

0

document.getElementById('assignment_string_full').attributes.value.nodeValue

answered May 20, 2013 at 2:32

anomaaly

8414 silver badges15 bronze badges

Comments

Tamil Selvan C · Accepted Answer · 2013-05-20 02:37:17Z

0

Try getAttribute('value')

function ajaxAssignFull() {
    var assignment_string = document.getElementById('assignment_string_full');
    alert(assignment_string.getAttribute('value'));
}

Edit:

Use data-attribute is a good way.

edited May 20, 2013 at 2:37

answered May 20, 2013 at 2:28

Tamil Selvan C

20.3k12 gold badges55 silver badges72 bronze badges

Collectives™ on Stack Overflow

Pass Text to JavaScript with document.getElementById

3 Answers 3

Html

Script

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Html

Script

Comments

Comments

Comments

Related