Is there getAllElementIds() function?

[RC]

The Subject says its all.

document.getElementById('id');

only return an object with id name.

I am looking for a function
return array of objects.

document.getAllElementIds();

BTW, I am also looking for

document.getAllElementNames();
document.getElementByName("name");

function?
where "name" is from HTML

<tag name="document_name" ....>
similar to
<tag id="id_name" ....>

document.anchors return array of <a>anchor</a>
document.forms return array of <form>
document.images return array of <img>
document.links return array of <a>
But why there is no
document.ids return array of ids?

[Matt Kruse]

RC wrote:

I am looking for a function
return array of objects.
document.getAllElementIds();

Why?

When you're using ID's, which must be unique, it's assumed that you know
what is on the page and what its ID is. Otherwise, why would it have an ID?

--
Matt Kruse
http://www.JavascriptToolbox.com
http://www.AjaxToolbox.com

[RobG]

RC wrote:

The Subject says its all.

document.getElementById('id');

only return an object with id name.

I am looking for a function
return array of objects.
There isn't one. You could use:

var allEls = document.getElementsByTagName('*');

then sift through the returned collection to find all elements using
(untested):

var el, idEls=[];
var i = allEls.length;
while (i--) {
el = allEls[i];
if ( el.id && el.id != '') idEls.push(el);
}

But I expect that will be very slow and ridiculously processor
intensive. Explain more about what you are trying to do and maybe
someone will have a better way to achieve it.

document.getAllElementIds();

BTW, I am also looking for

document.getAllElementNames();
You could use something like that above for IDs, however elements less
than half the elements in HTML 4 can have a name attribute.

document.getElementByName("name");
There is getElementsByName() already, it returns a collection. If you
know only one element has a particular name, or you want the first one
with that name, then:

var namedEl = document.getElementsByName('someName')[0];
should do the trick.

function?
where "name" is from HTML

<tag name="document_name" ....>
similar to
<tag id="id_name" ....>

document.anchors return array of <a>anchor</a>
document.forms return array of <form>
document.images return array of <img>
document.links return array of <a>
But why there is no
document.ids return array of ids?

Explain why you want that. All of the above are collections of one
particular type of element, document.ids (if it existed) could be a
mixed collection of nearly any type of element.
--
Rob

[RC]

RobG wrote:

Explain more about what you are trying to do and maybe
someone will have a better way to achieve it.

First, thank Q very much for the long reply.

If my HTML file have 20 or more id names like

<div id="id1">
....
<div id="idN">

I really don't want to do

var arrayOfId = new Array(20);

arrayOfId[0] = document.getElementById('id1');
....
arrayOfId[19] = document.getElementById('idN');

will be nice if I can

var arrayOfId[] = document.getAllElementIds();

In my case, I am only interest <div id="...">

If I name all div in the same name like

<div name="mydiv" id="id1">
....
<div name="mydiv" id="idN">

Then can I

var mydivname = document.getElementsByName("mydiv");
var arrayIds = new Array(mydivname.id.lenght);
for (var i = 0; i < arrayIds.length; i++)
arrayIds[i] = document.getElementById(mydivname.id[i].value);

[Rob]

In your code:
var mydivname = document.getElementsByName("mydiv");
var arrayIds = new Array(mydivname.id.lenght);
This does not create an array of .length
for (var i = 0; i < arrayIds.length; i++) //So this .lenght is always
one
arrayIds[i] = document.getElementById(mydivname.id[i].value);// this
is wrong in several ways.

I rewrote and tested your code below.
<div name="mydiv" id="id1">ID1</div>
<div name="mydiv" id="id2">ID2</div>
<script>
var mydivname = document.getElementsByName("mydiv");
alert("Found "+mydivname.length+" elements with name mydiv")
var arrayIds = new Array();
for (var i = 0; i < mydivname.length; i++) {
arrayIds.push(document.getElementById(mydivname[i].id));
alert("arrayIds["+i+"] is "+arrayIds[i].id);
}
</script>
So I'm still not clear on what you are trying to accomplish. Now you
have an array which contains all your DIV ids. I'm not sure I see an
applicaton for such an array (but I'm new at this so I may be missing
something:).

Rob:-]

[RC]

Rob wrote:

So I'm still not clear on what you are trying to accomplish. Now you
have an array which contains all your DIV ids. I'm not sure I see an
applicaton for such an array (but I'm new at this so I may be missing
something:).

Hmhmhmhmhm........hahaha...!!!

I am try to make my own pull down menu in DHTML = JavaScript + CSS
I know there are many JavaScript Menu out there to download.
But they all require you have greate amount of JavaScript programming
skills. I hate to read somebody's poor documents.

So I designed write by my own. Just HTML with
minimum JavaScript for onMouseOver, onMouseOut and onClick
plus a CSS file.

<a href=# onMouseOver="pulldown('mydiv0')">Menu 0</a>

<a href=# onMouseOver="pulldown('mydiv1')">Menu 1</a>
.....

<a href=# onMouseOver="pulldown('mydivN')">Menu N</a>

You really can't do onMouseOut="collapse('mydivid')"
Because let's say you move mouse pointer to Menu 1,
it do pulldown for mydiv1, greate! but once you
move the pointer to the sub-menu in Menu 1, it then do
collapse for Menu 1. so I NEVER able to select sub-menu from
Menu 1.

Therefore, when I move mouse pointer to Menu 1, I want to make sure
Menu 0, Menu 2, Menu N all are collapse if the are/were pull down.
Similar, when I move mouse pointer to Menu 0, Menu 1, Menu 2, ..
will collapse.

Now you understand why I want get an array of <div name="mydiv" id="xx">
?

Hahahaha........!!!

Again, thank Q very much to the test for me. I'll use your part of codes
to finish my last part of programs

[Rob]

So you might try this code in your anchor tags:

<div name="mydiv" id="id1"><a href="#"
onMouseOver="pulldown(this.parentNode.id);">ID1</div>
<div name="mydiv" id="id2"><a href="#"
onMouseOver="pulldown(this.parentNode.id);">ID2</div>
<script>
function pulldown(divId){
alert("onMouseOver("+divId+")");
}
var mydivname = document.getElementsByName("mydiv");
//alert("Found "+mydivname.length+" elements with name mydiv")
var arrayIds = new Array();
for (var i = 0; i < mydivname.length; i++) {
arrayIds.push(document.getElementById(mydivname[i].id));
// alert("arrayIds["+i+"] is "+arrayIds[i].id);
}
</script>

This way the only thing you have to change on each menu item is the DIV
id. (Well, I guess you'll be filling in actual href URLs too:)

I tested it and it works.

Rob:-]

[RobG]

RC wrote:

RobG wrote:

Explain more about what you are trying to do and maybe someone will
have a better way to achieve it.
First, thank Q very much for the long reply.

If my HTML file have 20 or more id names like

<div id="id1">
...
<div id="idN">

I really don't want to do

var arrayOfId = new Array(20);

arrayOfId[0] = document.getElementById('id1');
...
arrayOfId[19] = document.getElementById('idN');

You could use a loop, and if there are only 20 divs it would be
reasonably fast:

var arrayOfId = [];
for (var i=0; i<20; ++i) {
arrayOfId[i] = document.getElementById('id' + i)
}

or if the divs are numbered consecutively and contiguously:

var arrayOfId = [];
var i = 0;
var div;
while ( (div=document.getElementById('id' + i++)) ){
arrayOfId[i] = div;
}

with appropriate feature testing.

will be nice if I can

var arrayOfId[] = document.getAllElementIds();

In my case, I am only interest <div id="...">

If I name all div in the same name like

<div name="mydiv" id="id1">
...
<div name="mydiv" id="idN">
'name' is not a valid attribute for a div element in HTML 4.

<URL:http://www.w3.org/TR/html4/struct/global.html#edef-DIV>

Using names and getElementsByName with divs does work in some browsers,
but you can't expect it to work everywhere.

Then can I

var mydivname = document.getElementsByName("mydiv");
var arrayIds = new Array(mydivname.id.lenght);
for (var i = 0; i < arrayIds.length; i++)
arrayIds[i] = document.getElementById(mydivname.id[i].value);

getElementsByName() returns a collection, which has some of the
properties of an array. What array properties do you want to use that a
collection doesn't have? There are many simple drop-down menus that use
little or no script, most are based on UL/LI elements.

Google is your friend, there are a number of them on
<URL:http://www.alistapart.com/>.
--
Rob

[Richard Cornford]

RC wrote:
<snip>

Now you understand why I want get an array of <div
name="mydiv" id="xx"> ?

<snip>

The HTML DTDs do not define a NAME attribute for DIV elements.
Consequently not all browsers will return DIV elements with NAME
attributes through the - document.getElementsByName - method. As an
attempt to produce cross-browser results your strategy is already dead
in the water.

Richard.