How to return Element ID instead of [object HTMLDivElement] (Prototype.js)

javascript html dom prototypejs
Dave picture Dave · Feb 23, 2009 · Viewed 56.2k times · Source

I know this is simple, but I can't wrap my head around it. Currently the following code returns "[object HTMLDivElement],[object HTMLDivElement]" I'd like it to return "div1,div2". Any thoughts? Thanks guys.

<HTML>
<HEAD>
<script type="text/javascript" src="path_to/prototype.js"></script>
<script>
function linkClick ()
{
    alert($$('div.basic'));
}
</script>
</HEAD>
<BODY>
   <div id="div1" class="basic" onclick="linkClick();"></div>
   <div id="div2" class="basic" onclick="linkClick();"></div>
</BODY>
</HTML>

Answer

Konrad picture Konrad · Mar 6, 2009

I had the same problem, there is a simple solution :

If varElement is your object containing a [HTMLDivElement] (or other DOM object) simply add '.id'

e.g.

varElement.id

Related questions

A readOnly Equivalent for HTML Select Elements

Is there an attribute or technique for HTML select fields that's equivalent to readOnly="true" for HTML inputs? I have an form select field I'd like to disable, but still pass on when the form is posted. If this were …

Read More
How can I change an element's class with JavaScript?

How can I change the class of an HTML element in response to an onclick or any other events using JavaScript?

Read More
How to make JavaScript execute after page load?

I'm executing an external script, using a <script> inside <head>. Now since the script executes before the page has loaded, I can't access the <body>, among other things. I'd like to execute some JavaScript …

Read More