set attribute using javascript

Question

I want to set display to none of anchor tag using javascript.

i'm using below javascript

<script type="text/javascript">

    $(document).ready(function () {

        setTimeout(function () {

            $("#SwitchToReadingMode-Small14").style.display = 'none';

        }, 1000);

    });

 </script>

but it gives me error Uncaught TypeError: Cannot set property 'display' of undefined.

PLease note that: anchor tag is not in my form. i'm finding that tag and id by pressing F12 button (inspect element). i'm using one embeded code url. on that url this anchor tag is exist

Arun P Johny · Accepted Answer · 2014-10-30 12:24:47Z

1

$("#SwitchToReadingMode-Small14") returns a jQuery object so it does not have the style property. Instead you can use the .hide() method provided by jQuery to hide the element

$(document).ready(function () {
    setTimeout(function () {
        $("#SwitchToReadingMode-Small14").hide();
    }, 1000);
});

answered Oct 30, 2014 at 12:24

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

jAndy · Accepted Answer · 2014-10-30 12:25:07Z

1

You're accessing a jQuery object, not a DOM node here. Use

$("#SwitchToReadingMode-Small14")[ 0 ].style.display = 'none';

or (better) just use jQuery

$("#SwitchToReadingMode-Small14").hide();

answered Oct 30, 2014 at 12:25

jAndy

237k57 gold badges313 silver badges363 bronze badges

1 Comment

ranjit Over a year ago

i try this. not giving any error. but also not worked. it is not hiding anchor element

Ludovic Feltz · Accepted Answer · 2014-10-30 12:50:20Z

1

That's because here you use JQuery and not the javascript DOM object

replace:

 $("#SwitchToReadingMode-Small14").style.display = 'none';

by:

document.getElementById("SwitchToReadingMode-Small14").style.display = "none";

edited Oct 30, 2014 at 12:50

answered Oct 30, 2014 at 12:25

Ludovic Feltz

12k4 gold badges54 silver badges70 bronze badges

1 Comment

ranjit Over a year ago

also try this code.it gives error uncaught type error cannot read property 'style' of null

Collectives™ on Stack Overflow

set attribute using javascript

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related