js设置图片宽度为div的三分之一，怎么写

可以通过JavaScript获取div宽度，然后将图片宽度设置为div宽度的三分之一。代码如下：

<div id="myDiv">
  <img src="example.jpg" id="myImg">
</div>

<script>
  var divWidth = document.getElementById("myDiv").offsetWidth;
  var img = document.getElementById("myImg");
  img.style.width = divWidth / 3 + "px";
</script>

首先，获取div的宽度，可以通过getElementById()方法获取元素，然后使用offsetWidth属性获取宽度。接着，获取图片元素，并将其宽度设置为div宽度的三分之一，最后将宽度值加上"px"单位即可。

相关问题

js设置div宽度

你可以使用 JavaScript 中的 `style` 属性来设置 div 元素的宽度，例如：

document.getElementById("yourDivId").style.width = "200px";

这将把 id 为 "yourDivId" 的 div 元素的宽度设置为 200 像素。你也可以使用其他单位来设置宽度，如百分比、em、rem 等。

js创建div并设置div宽度

可以使用以下代码来创建一个 div 元素，并设置它的宽度：

var div = document.createElement("div");
div.style.width = "300px"; // 设置宽度为 300 像素
document.body.appendChild(div);

这里使用了 `createElement` 方法来创建一个 div 元素，然后设置了 `width` 样式属性为 `300px`，以设置 div 元素的宽度。最后，使用 `appendChild` 方法将 div 元素添加到文档的 body 元素中。你可以通过修改 `width` 属性的值来设置 div 元素的宽度。