javascript - Replacing a html tag with another tag using JS DOM -
I am quite new to JavaScript and DOM and I have a problem adding the dom using Javascript for the following HTML code .
& lt; Html & gt; & Lt; Top & gt; & Lt; Title & gt; Trial & lt; / Title & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Marquee direction = height above = 400 scrolling = 3.7 scrollable = 70 onmousedown = "this.stop ()" onmouseover = "this.stop ()" onmousemove = "this.stop ()" onmouseout = "this.start ()" & Gt; & Lt; A href = "#" & gt; & Lt; Period & gt; The lion's & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Period & gt; Tiger & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Period & gt; Giraffe's & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Period & gt; Dinosaur & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Period & gt; Cat's & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Period & gt; Dog & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Period & gt; Lama's & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Period & gt; Do rat & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Period & gt; Rhino's & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Period & gt; Reindeer & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Span & gt; Buffalo & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Span & gt; Yak & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Span & gt; Deer & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Span & gt; Moss & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Span & gt; Rabbit & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Span & gt; Ducks & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Span & gt; Peacock & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Span & gt; Crow & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Span & gt; Raven & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; A href = "#" & gt; & Lt; Span & gt; Swan & lt; / Span & gt; & Lt; / A & gt; & Lt; Br> & Lt; Br> & Lt; / Marquee & gt; & Lt; Input type = "button" value = "set me" onclick = "setMeFixed ();" / & Gt; & Lt; / Body & gt; & Lt; / Html & gt; Sorry if the above HTML code is bad. I am writing a Grasinki script for that which is produced by a site that I have simplified here. So I do not have any control over it. I want to change the [marquee] tag with the [div] tag so that it stabilizes and I do not always have to wait for the 100th link in Marquee. ;-) So I have written the following script (I am new to JS programming and yes, I know that my script is useless :-)) function setfix () {var fixedElement = document CreateElement ('div'); Var Marquee Element = Document. Get Elements Bitagnam ('Marquee') [0]; // var clone marknodes = marquee element.clonnode (true); (FixedElement.appendChild (marqueeElement.childNodes [i]);} MarqueeElement.parentNode.replaceChild (Fixed Element, Marquee Element);} Many problems arose as a result the product did not show some links on it. Peacocks, crosstats, swans, raven are not visible in the output and after all the spaces are stagnant with empty spaces There are no breaks between the links and the initials of JavaScript programmers. I am stuck in here and any assistance in the right direction will be appreciated. Any way to solve this problem beautifully? Thank you.
Paul Bullard. < P> PS: I'm using Fx 3.0.11.
Do you use internal HTML Have considered?
var marq = document.getElementsByTagName ('Marquee') [0]; var div = document.createElement ('div'); Div.innerHTML = marq.innerHTML ; Marq.parentNode.appendChild (div); Marq.parentNode.removeChild (marQ);
Not the most efficient, but straight forward.
See:
Comments
Post a Comment