浮在javascript中

Question

我在java脚本上做作业，这是我的任务

  

湾（18分）函数showRides（）：图2

     

    

    
1. 创建一个能够编写骑行名称，图片和附件的功能。信息到＆gt;网页。
    
2. 从游乐设施页面中删除创建此信息的HTML。
    
3. 确保JavaScript将此信息写入正确的位置 - rides.html。
       

我已经在javascript中创建了这个函数，它可以工作，但对于我的生活，我无法想象让我的图像向左浮动。这是我在java脚本中的代码：

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>");

这是我在html中调用函数的地方：

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

我是否想在java脚本中创建另一个函数使其向左浮动或者我必须在html中更改某些内容？

Answer 1

听起来你正在寻找cssFloat样式属性：

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

或者，您可以直接在图片代码上设置style：

<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>");

希望这有帮助！ ：）

Answer 2

在float:left属性中添加style属性，将其向左浮动。

像这样：

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>");