首先，我们需要了解left属性的含义。在css中，left属性用于设置元素的左侧边框与其包含元素的左侧边框之间的距离。在javascript中，我们可以使用style属性来获取或设置元素的css属性。因此，要设置图片的left属性，我们需要获取图片元素，并通过它的style属性来设置它的left属性。
获取图片元素有很多种方式，最简单的方式是使用getelementbyid方法。该方法可以通过元素的id来获取元素，例如：
var img = document.getelementbyid("myimage");
其中，myimage是图片元素的id。获取到图片元素后，我们就可以使用style属性来设置它的left属性了。例如，将图片元素的left属性设置为100像素，可以使用以下代码：
img.style.left = "100px";
在这个例子中，我们将img的style属性的left属性设置为100像素。需要注意的是，left属性的值应该是字符串形式，即需要加上单位px。
除了使用getelementbyid方法外，还有其他方式可以获取图片元素。例如，可以使用queryselector方法来选择元素，例如：
var img = document.queryselector("img");
这个例子中，我们使用queryselector方法来选择第一个img元素。当然，如果有多个图片元素，我们可以使用queryselectorall方法来选择所有的图片元素，例如：
var imgs = document.queryselectorall("img");
这个例子中，我们使用queryselectorall方法来选择所有的img元素，它们都保存在一个nodelist对象中。
在实际使用中，我们还需要考虑图片的位置和大小是否对网页布局产生影响。例如，如果我们将一张大图片设置为left属性为100像素，有可能会覆盖其他元素。因此，我们需要通过css来控制图片的位置和大小，例如将图片的position属性设置为absolute，可以将它设置在指定位置，而不影响其他元素。例如：
img.style.position = "absolute";img.style.left = "100px";img.style.top = "100px";
这个例子中，我们将图片的position属性设置为absolute，使它相对于文档的左上角定位。然后，我们将它的left和top属性设置为100像素，将它设置在文档的左上角向下和右移100像素的位置。
除了设置left属性外，我们还可以使用javascript来控制图片的其他css属性，例如宽度、高度、透明度等等。例如，将图片的宽度和高度都设置为50像素，可以使用以下代码：
img.style.width = "50px";img.style.height = "50px";
这个例子中，我们分别设置了图片的width和height属性，使它的大小变为50像素。
总之，javascript是一种非常实用的网页编程语言，它可以帮助我们控制图片的位置和大小。通过设置图片的left属性，我们可以将它设置在页面的任意位置。除了设置left属性外，我们还可以控制其他css属性，使图片更加适合我们的页面布局。
以上就是javascript设置图片left的详细内容。