Question

177

how to disable a li tag using JavaScript

rated 0 times [ 181] [ 4] / answers: 1 / hits: 86057 / 12 Years ago, mon, october 22, 2012, 12:00:00

I am using the following HTML on my page:

<ul id=tabnav>



        <li id=tab_a class=tab1><a href=tab1.htm>Tab a</a></li>

        <li id=tab_b class=tab2><a href=tab2.htm>Tab b</a></li>

        <li id=tab_c class=tab3><a href=tab3.htm>Tab c</a></li>

    </ul>

What I am trying to do is make it so that you can't click on the 3rd tab using javascript then I want to be able to click on the 3rd tab at a later time.

So I have tried using the following JavaScript in a JavaScript function:

document.getElementById(tab_c).style.enabled = false;

however it didn't seem to work.

I was hoping that it would make it disabled so you can't click on it.

Am I doing something wrong?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

daquanmilesw

Add To Favorites

Follow

Total Points: 57

Total Questions: 102

Total Answers: 110

Location: Wallis and Futuna

Member since Sat, Aug 6, 2022

2 Years ago

daquanmilesw questions

1 array.filter is returning entire object instead of just one value

Thu, Jan 13, 22, 00:00, 2 Years ago

1 How to make Swiper JS display faction pagination and progress bar at the same time?

Tue, Jul 13, 21, 00:00, 3 Years ago

1 How can I do top level await

Sat, Jul 10, 21, 00:00, 3 Years ago

1 Svelte reactivity not triggering when variable changed in a function

Thu, Sep 17, 20, 00:00, 4 Years ago

1 Importing node modules in a WordPress plugin

Wed, Jun 24, 20, 00:00, 4 Years ago

View All

answered 12 Years ago christianu · Accepted Answer

You can add an onclick handler to the link that returns false.

document.getElementById(tab_c).childNodes[0].onclick = function() {return false;};

The childNodes[0] just selects the first child which in this case is the <a>

E.g. http://jsfiddle.net/zYSeF/