"Uncaught TypeError: Cannot read property 'length' of null JAVASCRIPT

Question

I am using simple length function to check length greater than zero based on id. Code i am using is

if ($('#abcd').length > 0)
{
    var abcd = $('#abcd').val();
}

This code is working fine and producing no error. But if i am using simple javascript in this way

if (document.getElementById('abcd').length > 0)
{
    var abcd = document.getElementById('abcd').val();
}

Then it is not working and producing this error "Uncaught TypeError: Cannot read property 'length' of null". What does this error mean and how can i get this working ?

Pranav C Balan · Accepted Answer · 2017-02-09 05:09:10Z

4

If the element is not there then getElementById method would return null and you are trying to get it's length property, which is throwing the exception. Instead simply check it's defined or not in the if condition.

if (document.getElementById('abcd'))

Use a variable instead of getting element twice. Although there is no val() method for DOM element which is a jQuery method, instead use value property to get value.

var ele = document.getElementById('abcd');

if (ele){
    var abcd = ele.value;
}

edited Feb 9, 2017 at 5:09

answered Feb 9, 2017 at 4:46

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

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

Comments

Saurabh Agrawal · Accepted Answer · 2019-12-31 09:22:48Z

1

This is because there will be not elements in id ="abcd",

So try this;

if (document.getElementById('abcd')){
 var abcd = document.getElementById('abcd').val();
}

edited Dec 31, 2019 at 9:22

answered Feb 9, 2017 at 4:50

Saurabh Agrawal

7,7553 gold badges31 silver badges52 bronze badges

Comments

Hikmat Sijapati · Accepted Answer · 2017-02-09 04:55:17Z

0

Try like this.Get value of field then use length to for comparison.

if ($('#abcd').val().length > 0)
{
    var abcd = $('#abcd').val();
}

if ($('#abcd').val().length > 0)
{
    var abcd = $('#abcd').val();
    console.log(abcd);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="abcd"  value="hello">

answered Feb 9, 2017 at 4:55

Hikmat Sijapati

6,9691 gold badge11 silver badges19 bronze badges

Comments

prasanth · Accepted Answer · 2017-02-09 04:59:51Z

0

Below code should work..

if (document.getElementById('myElementId') === null){
 alert('Does not exist!');
}else{
 alert('Exist!');
}

edited Feb 9, 2017 at 4:59

prasanth

22.6k4 gold badges33 silver badges57 bronze badges

answered Feb 9, 2017 at 4:55

Dillip

384 bronze badges

Collectives™ on Stack Overflow

"Uncaught TypeError: Cannot read property 'length' of null JAVASCRIPT

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related