Change div to span

**ttmt** · 04-27-2012 10:22 AM

Change div to span

Hi all

Is it possible to change just the start and closing tag without effecting the content.

Can I change

Code:

 <div><img src="image.jpg" alt="image desc." title="image title" /></div>

to this

Code:

 <span><img src="image.jpg" alt="image desc." title="image title" /></span>

The content of the div might be longer so I just want to change the start and elements.

**Padonak** · 04-27-2012 01:30 PM

you can save the innerHTML of the div in some variable, then remove the div and insert a span using the saved content as its innerHTML

**Troy III** · 04-28-2012 10:05 AM

You can use a superior to DOM DHTML methods:

Code:

<!DOCTYPE html>
<html>
<head>
<style>
span{background: yellow; border: solid 1px red;}
</style>
</head>
<body>

<div onclick="switchTag(this)">
	<img src="image.jpg" alt="image desc." title="image title">
</div>

<script>
function switchTag(x){ 
	x.outerHTML="<span>"+x.innerHTML+"<\/span>";
	}
</script>
</body>
</html>

p.s.: your div doesn't have an Id so I'm calling the function inline -otherwise I wouldn't.

Thread: Change div to span

Thread Tools

Display

Change div to span

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions