change the ID dynamically

mayurkoul2002 · May 31, 2006

hello there.....
i have a problem here...........i want to assign ID attribute
dynamically to the html tags......and i need a function for tht....can
anybody help me out in tht

Thomas 'PointedEars' Lahn · May 31, 2006

i have a problem here...........i want to assign ID attribute
dynamically to the html tags......and i need a function for tht....can
anybody help me out in tht

That is as impossible as your posting "style".

<URL:http://jibbering.com/faq/>

PointedEars

Bart Van der Donck · May 31, 2006

Thomas said:
That is as impossible as your posting "style".

Why would that be impossible ?

<html>
<body>
<p>content</p>
<script language="javascript" type="text/javascript">
document.getElementsByTagName('p')[0].setAttribute('id','myID');
alert(document.getElementById('myID').innerHTML);
</script>
</body>
</html>

Thomas 'PointedEars' Lahn · May 31, 2006

Bart said:
Thomas said:

[assign ID attribute dynamically to the html tags]

Click to expand...

That is as impossible as your posting "style".

Click to expand...

Why would that be impossible ?

<html>
<body>
<p>content</p>
<script language="javascript" type="text/javascript">

The `language' attribute is deprecated long since, and your markup
is not Valid; especially, the missing DOCTYPE declaration triggers
Quirks Mode, which can change DOM behavior.

document.getElementsByTagName('p')[0].setAttribute('id','myID');
alert(document.getElementById('myID').innerHTML);
</script>
</body>
</html>

That is setting the attribute, not changing it. Note the Subject header.
Furthermore:

- This requires other DOM methods that may not be available.

- It is known to be not possible for some elements in some DOMs
(IIRC there are issues in the IE DOM).

- setAttribute() implementations are known to be buggy.

PointedEars

Randy Webb · May 31, 2006

Thomas 'PointedEars' Lahn said the following on 5/31/2006 8:26 AM:

Bart said:
Bart said:

Thomas said:

(e-mail address removed) wrote:
[assign ID attribute dynamically to the html tags]
That is as impossible as your posting "style".

Click to expand...

Why would that be impossible ?

<html>
<body>
<p>content</p>
<script language="javascript" type="text/javascript">

Click to expand...

The `language' attribute is deprecated long since, and your markup
is not Valid;

Semi-valid point but irrelevant to the rebuttal to your assertion that
it was impossible.

especially, the missing DOCTYPE declaration triggers Quirks Mode,
which can change DOM behavior.

Only in IE and in this case it makes no difference.

document.getElementsByTagName('p')[0].setAttribute('id','myID');

Click to expand...

document.getElementById('p')[0].id = 'newID';

That is setting the attribute, not changing it. Note the Subject header.

Yoohoo, dimwit, think about it. An element has an ID. You "set" the ID,
then alert that elements ID. It will give you the new ID. That is
changing the ID. You can be as pedantic as you want but the ID got changed.

Furthermore:

- This requires other DOM methods that may not be available.

Only if the user is using an antiquated anti-social browser.

- It is known to be not possible for some elements in some DOMs
(IIRC there are issues in the IE DOM).

Such as?

- setAttribute() implementations are known to be buggy.

Then you offer a better alternative. Or, preferably, you STFU and move on.

Bart Van der Donck · May 31, 2006

Thomas said:
Bart said:

Thomas said:

(e-mail address removed) wrote:
[assign ID attribute dynamically to the html tags]

That is as impossible as your posting "style".

Click to expand...

Why would that be impossible ?

<html>
<body>
<p>content</p>
<script language="javascript" type="text/javascript">

Click to expand...

The `language' attribute is deprecated long since, and your markup
is not Valid; especially, the missing DOCTYPE declaration triggers
Quirks Mode, which can change DOM behavior.

document.getElementsByTagName('p')[0].setAttribute('id','myID');
alert(document.getElementById('myID').innerHTML);
</script>
</body>
</html>

Click to expand...

That is setting the attribute, not changing it. Note the Subject header.
Furthermore:

- This requires other DOM methods that may not be available.

- It is known to be not possible for some elements in some DOMs
(IIRC there are issues in the IE DOM).

- setAttribute() implementations are known to be buggy.

Hmmmm, that Asperger-smell in the morning

Noah Sussman · Jun 1, 2006

You can assign an id to any element simply by saying:

El.id = "foo";

If, for instance, you wanted to assign an ID to every FORM tag on the
page, you could do:

for(var i=0; i<document.forms.length; i++) {
document.forms.id = "formtag_" + i;
}

If you had three FORM tags on your page and you ran that loop, the form
tags would have ids "formtag_0", "formtag_1", "formtag_2".

Exactly how you will iterate over the tags you want to assign IDs to
will depend on exactly which tags you need to work with.

Add Image and label dynamically inside the dropdown	2	Mar 11, 2022
I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023
How to change css of div having dynamic ID	1	Nov 19, 2019
How to change the color in this script	1	Sep 9, 2022
Change Calculator	3	Jan 25, 2023
Looking to change programming direction	1	Aug 10, 2022
Calling of parent value along with another page form id	1	Aug 1, 2023
Duplicate ID issue when trying to copy table row	1	Jul 30, 2022

change the ID dynamically

mayurkoul2002

Thomas 'PointedEars' Lahn

Bart Van der Donck

Thomas 'PointedEars' Lahn

Randy Webb

Bart Van der Donck

Noah Sussman

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads