Float links in Javascript

Question

Ich mache einen Auftrag auf Java-Script und hier waren meine Aufgabe

b. (18 Punkte) Funktion showRides(): Abbildung 2

1. eine Funktion erstellen, die die Fahrt-Namen, Bilder werden schreiben, & Informationen> die Webseite.
2. Entfernen Sie den HTML-Code, der diese Informationen erstellt hat, von der Seite "Fahrten".
3. Stellen Sie sicher, dass das JavaScript diese Informationen an die richtige Stelle - rides.html schreibt.

Ich habe die Funktion in Javascript erstellt und es funktioniert, aber für das Leben von mir kann ich meine Bilder zu bekommen float links nicht herauszufinden. Hier ist mein Code in Java-Skript:

document.write("<a href='images/rhinecruise.jpg'><img id = 'rr' src='images/rhinecruise.jpg' alt='Rhine River Cruise Thumb' style='width:150px;height:113px;'> </a>"); 
      document.write("<h3>Rhine River Cruise</h3>"); 
      document.write("<p>Enjoy our fabulous landscaping and other wonderful sites on a relaxing and scenic cruise that showcases the beauty of the 100 acres of Busch Gardens.</p>"); 

Und hier ist, wo ich die Funktion in meinem html genannt haben:

<script> 
showrides(); 
</script> 
<br class="clear"> 

Bin ich nehme an eine andere Funktion im Java-Script, um es zu machen Schwimmer links oder müsste ich etwas im html ändern?

Answer 1

Es klingt wie Sie für die cssFloat Stil Eigenschaft suchen:

function floatLeft() { 
    document.getElementById("rr").style.cssFloat = "left"; 
} 

Alternativ können Sie nur die style direkt auf das Bild-Tag-Satz:

<img style='float: left;'> 
document.write("<a href='images/rhinecruise.jpg'><img id = 'rr' src='images/rhinecruise.jpg' alt='Rhine River Cruise Thumb' style='width:150px;height:113px;float:left;'></a>"); 

hoffe, das hilft! :)

Answer 2

Fügen Sie die float:left Eigenschaft in Ihrem style Attribut hinzu, um es nach links zu schweben.

So:

document.write("<a href='images/rhinecruise.jpg'><img id = 'rr' src='images/rhinecruise.jpg' alt='Rhine River Cruise Thumb' style='width:150px;height:113px; float:left;'> </a>");