using javascript to modify an HTML page?

[William Krick]

I know that you can use the javascript document.write( ) method to
inject new content into a page.

Is it possible to _modify_ an HTML page?

For example, say I wanted to go through the current page and change
every <B></B to <I></I>?

Is this possible? If so, how?

[McKirahan]

"William Krick" <wk****@gmail.c omwrote in message
news:11******** *************@k 70g2000cwa.goog legroups.com...

I know that you can use the javascript document.write( ) method to
inject new content into a page.

Is it possible to _modify_ an HTML page?

For example, say I wanted to go through the current page and change
every <B></B to <I></I>?

Is this possible? If so, how?

How does one "inject new content into a page" if it's someone else's
page delivered over the Internet via a Web browser?

What is your purpose and how would you want it to work?

If are viewing an external Web site and want to change tags then you'll
have to download the page, change image and link references, change
the tags, save it locally, then open it up in a browser.

Potentially this could be done via scripting -- like an HTA.

Also, many sites use CSS' "'font-weight:bold" instead of "<b></b>".

[Martin Honnen]

William Krick wrote:

For example, say I wanted to go through the current page and change
every <B></B to <I></I>?

var bElements = document.getEle mentsByTagName( 'b');
for (var i = bElements.lengt h - 1; i -1; i--) {
var bElement = bElements[i];
var iElement = document.create Element('i');
bElement.parent Node.replaceChi ld(iElement, bElement);
while (bElement.hasCh ildNodes()) {
iElement.append Child(bElement. firstChild);
}
}
--

Martin Honnen
http://JavaScript.FAQTs.com/

[William Krick]

Martin Honnen wrote:

William Krick wrote:

For example, say I wanted to go through the current page and change
every <B></B to <I></I>?

var bElements = document.getEle mentsByTagName( 'b');
for (var i = bElements.lengt h - 1; i -1; i--) {
var bElement = bElements[i];
var iElement = document.create Element('i');
bElement.parent Node.replaceChi ld(iElement, bElement);
while (bElement.hasCh ildNodes()) {
iElement.append Child(bElement. firstChild);
}
}

I haven't tested it yet, but it looks like it should work. Thanks for
your help.

Basically, I'm looking for a better way to deal with the new IE
<OBJECTtag problem. I'm thinking that if I change all the <OBJECT>
tags in my HTML pages to something else like <XOBJECT>, then call the
code above on page load to rewrite all the <XOBJECTtags to <OBJECT>,
it should work.

At least on the surface, it seems like a simpler solution than the
alternatives proposed by Adobe...

http://www.adobe.com/devnet/activeco...devletter.html