Announcement

**itsallkizza** · Apr 1, 2009, 10:37 AM

You can't assign a property to all members of an array at once.

You'll need something like this:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<link rel="stylesheet" type="text/css" href="css/" />
<style type="text/css">
</style>
<script type="text/javascript">
// <![CDATA[

function switchImages()
	{
	var imgs = document.getElementsByName("my_img");
	[COLOR="Red"]for (var i=0;i<imgs.length;i++) imgs[i].src = "2.jpg";[/COLOR]
	}

// ]]>
</script>
</head>
<body>

<img src="1.jpg" name="my_img" /><br />
<img src="1.jpg" name="my_img" /><br />

<br /><input type="button" value="click me" onclick="switchImages()" />

</body>
</html>

**webguy08** · Apr 1, 2009, 11:37 AM

I've given that code a try but it doesn't work

My Javascript code reads like so:

Code:

var images = new Array();
	images[0] = "[I]url to image[/I]";
	images[1] = "[I]url to image[/I]";
	images[2] = "[I]url to image[/I]";
	var ranNo = Math.floor(Math.random()*3);
	document.getElementsByName("image").src = arrayOfImages[ranNo];

And the XHTML code reads like so:

Code:

<table>
	<tr><td><img name="image" alt="Image"></td><td><img name="image" alt="Image"></td><td><img name="image" alt="Image"></td></tr>
</table>

I need each of the images in the table (named 'image') to have the image selected by the Javascript code.

**abduraooft** · Apr 1, 2009, 11:42 AM

document.getElementsByName("image").src

getElementsByName returns reference to an array of elements. So you need to index that array like

Code:

document.getElementsByName("image")[0].src=
document.getElementsByName("image")[1].src=

**webguy08** · Apr 1, 2009, 12:09 PM

Thanks for that! It works now

So let me get this straight:
The getElementsByName method stores each of the elements with the same name into an array? So, if I have 10 images all with the same name and call the getElementsByName method on them it will create an array which holds 10 elements?

**Eldarrion** · Apr 1, 2009, 12:13 PM

Originally posted by webguy08 View Post

Thanks for that! It works now

So let me get this straight:
The getElementsByName method stores each of the elements with the same name into an array? So, if I have 10 images all with the same name and call the getElementsByName method on them it will create an array which holds 10 elements?

Correct. That's why it is getElementsByName

It will return an array even if there is only one element by that name, and you'd have to reference it as an array. I.e. getElementsByName('image')[0].

Excerpt from http://programming.top54u.com/post/J...yTagName.aspx:

Javascript DOM provides a getElementsByTagName method that can be accessed using the documentElement property of document object. getElementsByTagName method returns the node list array of HTML document elements present in the HTML web page. You can pass the name of the particular HTML tag such as div, span, p etc whose list of array you want to collect. documentElement property of document object returns the root HTML element of the HTML document. Later on, in Javascript tutorials we will discuss about the getElementsByTagName method to access the nodes of XML documents also.

And in essence, getElementsByName and getElementsByTagName work the same.

**itsallkizza** · Apr 1, 2009, 02:02 PM

Seriously, do people even read my posts?

Announcement

getElementsByName?

getElementsByName?

Comment

Comment

Comment

Comment

Comment

Comment