Using Javascript to hide an element or specific id in html

Question

Hello I wanna write a javascript function that hides an element/specfic id in my html code once the user clicks on that text. What I have right now isn't hiding the html. I'm not so good at javascript so I appreciate any help

what i have for my html:

<head> <script type="text/javascript" src="hide.js"></script> </head>

<h1 onclick = "hide(this)">[Name]</h1>

What I have for my javascript function:

function hide (el) {
    el.style.visibility = "hidden";
}

You're not passing el to the function. onclick="hide(this)" supposed to do the trick. — Teemu
– Teemu, Commented Dec 12, 2014 at 19:37
Now what? You've edited the question according to comment/answer, or fixed it to correspond the real code you have? — Teemu
– Teemu, Commented Dec 12, 2014 at 19:39
no sorry I edited before you posted your comment, that was my bad, but its still not working. I realized that mistake before I checked the comments/answer to this question — user4348719
– user4348719, Commented Dec 12, 2014 at 19:40
Your code seems to work ...? Is there something we are not seeing? (The confusion with the edit might be caused by my worm-degree connection ;) — Teemu
– Teemu, Commented Dec 12, 2014 at 19:44
ok thanks! ill look into it more, now that I at least see that the function does work. Must be that where I have my javascript file is not properly linked to my html file? — user4348719
– user4348719, Commented Dec 12, 2014 at 19:46

user2019037 · Accepted Answer · 2014-12-12 19:37:26Z

1

You must pass this to the javascript function as parameter:

<h1 onclick = "hide(this)">[Name]</h1>

this represents the HTML DOM element.

function hide(el) {
  el.style.visibility = "hidden";
}

<h1 onclick="hide(this)">[Name]</h1>

answered Dec 12, 2014 at 19:37

user2019037

7621 gold badge7 silver badges14 bronze badges

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

Comments

Ansemo Abadía · Accepted Answer · 2014-12-12 19:54:36Z

0

Change you function:

hide = function(el) {
   el.style.visibility = "hidden";
}

You can test here: http://jsfiddle.net/wzte1ru9/5/

answered Dec 12, 2014 at 19:54

Ansemo Abadía

4883 silver badges10 bronze badges

3 Comments

Teemu Over a year ago

Change the function to what? The version you've in the answer is an exact copy of the function in the OP. Assigning the function to a variable doesn't change anything. Notice, that the fiddle I've linked in my comment is using function declaration, and it works fine.

Ansemo Abadía Over a year ago

You need write the function like a variable assignation. The original example dont work: jsfiddle.net/9g7v3urn

Teemu Over a year ago

You've "onDomready" set in the fiddle. OP has the script in head, which corresponds to "No wrap-in <head>" at jsFiddle. You might want to read this SO thread.

Collectives™ on Stack Overflow

Using Javascript to hide an element or specific id in html

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related