Hide multiple elements by name

Jochen Daum · Jan 21, 2004

Hi!

I have a dynamically generated page (PHP), which contains an Explorer
like view of items. I would like to hide multiple <tr>'s by name, but
I can't figure out how thats done.

I have this code to hide one element by id

if (document.getElementById(id)){
document.getElementById(id).style.position = 'relative';
document.getElementById(id).style.display = 'none';
}

Anyone has a cod sample for looping through multiple elements and hide
them?

Jochen

Janwillem Borleffs · Jan 21, 2004

Jochen said:
Hi!

I have a dynamically generated page (PHP), which contains an Explorer
like view of items. I would like to hide multiple <tr>'s by name, but
I can't figure out how thats done.
....
Anyone has a cod sample for looping through multiple elements and hide
them?

Michael Winter · Jan 21, 2004

<div id="sid">A</div>
<div id="impid">B</div>
<div id="sid">C</div>
<div id="impid">D</div>

<snip>

Which is, of course, invalid HTML.

Mike

Jochen Daum · Jan 21, 2004

Hi Janwillem!

Jochen said:
Jochen said:

Hi!

I have a dynamically generated page (PHP), which contains an Explorer
like view of items. I would like to hide multiple <tr>'s by name, but
I can't figure out how thats done.
...
Anyone has a cod sample for looping through multiple elements and hide
them?

Click to expand...

<script type="text/javascript">
function hide(t, id) {
var tags = document.getElementsByTagName(t);
for (var i = 0; i < tags.length; i++) {
if (tags.id == id) {
tags.style.display = 'none';
}
}
}
</script>

Wouldn't that also be working with any tag, if I did it like this. It
doesn't give me an error, but it doesn't work either:

function hide_elements_by_name(me,id, pluspic){

var tags = document.getElementsByName(id);
for (var i = 0; i < tags.length; i++) {
if (tags.name == id) {
tags.style.display = 'none';
}
}
}

and the tags being:

<tr name="xyz">

??

Jochen

Janwillem Borleffs · Jan 21, 2004

Michael said:
Which is, of course, invalid HTML.

What is invalid about that?

JW

Janwillem Borleffs · Jan 21, 2004

Michael said:
Which is, of course, invalid HTML.

Never mind, see what you mean.

JW

Jochen Daum · Jan 21, 2004

Hi!

Never mind, see what you mean.

Does he mean the double use of an id?

Jochen

Janwillem Borleffs · Jan 21, 2004

Jochen said:
Does he mean the double use of an id?

Yep

Janwillem Borleffs · Jan 21, 2004

Jochen said:
Wouldn't that also be working with any tag, if I did it like this. It
doesn't give me an error, but it doesn't work either:

function hide_elements_by_name(me,id, pluspic){

var tags = document.getElementsByName(id);

AFAIK, document.getElementsByTagName only applies to form elements.

JW

Randy Webb · Jan 21, 2004

Janwillem said:
AFAIK, document.getElementsByTagName only applies to form elements.

<div>test</div>
<script type="text/javascript">
alert(document.getElementsByTagName('div'))
</script>

IE6: alerts [object]
Opera 7: alerts [object nodeList]
NS7: alerts [object HTMLCollection]

<script type="text/javascript">
alert(document.getElementsByName('myDiv'))
</script>

Gives similar results.

I hunted a reference on MSDN but obviously didn't know where to hunt it

Lasse Reichstein Nielsen · Jan 21, 2004

Janwillem Borleffs said:
AFAIK, document.getElementsByTagName only applies to form elements.

No, any DOM Node has getElementsByTagName as a method. If you meant
getElementsByName, DOM 2 says:

getElementsByName
With [HTML 4.01] documents, this method returns the (possibly empty)
collection of elements whose name value is given by elementName. In
[XHTML 1.0] documents, this methods only return the (possibly empty)
collection of form controls with matching name. This method is case
sensitive.

So yes and no, in XHTML it's only form controls. In HTML, it's
anything with a name attribute.

/L

Michael Winter · Jan 21, 2004

AFAIK, document.getElementsByTagName only applies to form elements.

Using

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
...

and calling

alert( document.getElementsByTagName('meta').length );

returns '3'.

Mike

Jochen Daum · Jan 21, 2004

Hi!

Janwillem said:
Janwillem said:

AFAIK, document.getElementsByTagName only applies to form elements.

Click to expand...

<div>test</div>
<script type="text/javascript">
alert(document.getElementsByTagName('div'))
</script>

IE6: alerts [object]
Opera 7: alerts [object nodeList]
NS7: alerts [object HTMLCollection]

<script type="text/javascript">
alert(document.getElementsByName('myDiv'))
</script>

Gives similar results.

I hunted a reference on MSDN but obviously didn't know where to hunt it

http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/getelementsbyname.asp

Like always, its not fully described. It returns a collection, but an
empty one.

This works

var tags = document.body.getElementsByTagName('tr');

for (var i = 0; i < tags.length; i++) {
if (tags.name == id) {
tags.style.display = 'none';
}
}

and doesn't work with getElementsByName

HTH, Jochen

show/hide problem with explorer 7	17	Nov 8, 2008
Only one table shows up with the information	2	Mar 29, 2023
Help with my responsive home page	2	Dec 14, 2022
When draggable=false & draggable=true dont work ?	1	Jan 14, 2023
Can someone pls help me with a little algorithm script	1	Nov 28, 2024
Hide/Show Divs	5	Nov 17, 2008
making multiple elements visible	2	Jul 27, 2006
select list show/hide elements: problems in IE	2	Oct 17, 2007

Hide multiple elements by name

Jochen Daum

Janwillem Borleffs

Michael Winter

Jochen Daum

Janwillem Borleffs

Janwillem Borleffs

Jochen Daum

Janwillem Borleffs

Janwillem Borleffs

Randy Webb

Lasse Reichstein Nielsen

Michael Winter

Jochen Daum

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads