get by id and write??

**lankinator** · 05-16-2007, 05:13 PM

how would i use the get element by id "star" and make it find a * and replace the * with an image?

Help appreciated

**jscheuer1** · 05-16-2007, 05:26 PM

What you are saying cannot be done, but that is probably just because you haven't explained clearly, in layman's terms, what you want to do. There is no getElementById('*') that I know of, * is not technically a valid id. However, I might just be being too strict to standards in interpreting what you want. Here is one idea that would fit your question, if I've understood it:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body>
<span id="*">HI</span>
<script type="text/javascript">
var star=document.getElementById('*');
var I=document.createElement('img');
I.src='http://www.google.com/intl/en_ALL/images/logo.gif';
star.parentNode.replaceChild(I,star);
</script>
</body>
</html>

But, as I say, it is invalid. As such it cannot be depended upon in all browsers. If you were to use a valid id, it would then be valid.

**lankinator** · 05-16-2007, 05:27 PM

err, no the div id is "star" (the text not *) and i want the script to find the symbol * on the div and replace the * with an image?

**jscheuer1** · 05-16-2007, 05:38 PM

Oh:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body>
<div id="star">Hi * there!</div>
<script type="text/javascript">
var star=document.getElementById('star');
star.innerHTML=star.innerHTML.replace(/\*/, '<img src="http://www.google.com/intl/en_ALL/images/logo.gif">');
</script>
</body>
</html>

**lankinator** · 05-16-2007, 05:39 PM

cheers

**Twey** · 05-16-2007, 06:39 PM

Or, validly:

Code:

function replaceStars(element) {
  var firstTextNode = element.firstChild,
    texts,
    img = document.createElement("img"),
    i;
  img.src = "star.png";
  while(firstTextNode.nodeType !== 3)
    firstTextNode = firstTextNode.nextSibling;
  texts = firstTextNode.nodeValue.split("*");
  for(i = 0; i < texts.length; ++i)
    if(i &#37; 2 === 0)
      texts[i] = document.createTextNode(texts[i]);
    else
      texts.splice(i, 0, img.copy());
  texts.reverse();
  element.replaceChild(firstTextNode, texts[0]);
  for(var i = 1; i < texts.length; ++i)
    element.insertBefore(texts[i], texts[i - 1]);
}

replaceStars(document.getElementById("star"));

**jscheuer1** · 05-17-2007, 04:54 AM

Originally Posted by Twey

Or, validly:

How is that any more or less valid? I will say this though, it looks like a nightmare. No wonder you have trouble sleeping at times.

**Twey** · 05-17-2007, 11:04 AM

How is that any more or less valid?

innerHTML isn't part of any standard. The DOM, however, is.

I will say this though, it looks like a nightmare. No wonder you have trouble sleeping at times.

Hah, that's nothing.

**jscheuer1** · 05-18-2007, 03:45 AM

Originally Posted by Twey

innerHTML isn't part of any standard. The DOM, however, is.Hah, that's nothing.

Heh. Yeah, I keep forgetting that, perhaps because there is so little chance that it will ever stop being supported by mainstream browsers.

**Twey** · 05-18-2007, 09:39 AM

It's already started... most browsers won't allow innerHTML in an XHTML document.

There's little chance that broken HTML will stop being supported in mainstream browsers too. Should we all use it?

Thread: get by id and write??

Thread Tools

Search Thread

get by id and write??

Bookmarks

Bookmarks

Posting Permissions