使用js计算祖先元素是宽度是500父级元素宽度是1000子元素宽度是300使子元素居中显示

可以使用以下代码：

var ancestorWidth = 500; // 祖先元素宽度
var parentWidth = 1000; // 父级元素宽度
var childWidth = 300; // 子元素宽度

var leftMargin = (parentWidth - ancestorWidth) / 2; // 计算左边距离
var rightMargin = leftMargin + ancestorWidth - childWidth; // 计算右边距离

var child = document.getElementById("child"); // 获取子元素
child.style.marginLeft = leftMargin + "px"; // 设置左边距离
child.style.marginRight = rightMargin + "px"; // 设置右边距离

在上面的代码中，我们首先定义了祖先元素、父级元素和子元素的宽度。然后，我们计算出了子元素需要设置的左边距离和右边距离，以使其居中显示。最后，我们获取了子元素的引用，并设置了它的左右边距离。这样，子元素就能够居中显示了