javascript - 更改 HTML/JavaScript 中选择框的位置

Question

我在html中有一个选择框div

<div id="selectionBox"></div>

我正在尝试更改此框的位置，但是下面的代码不起作用。从某种意义上说，选择框保持在原来的位置，根本没有移动。

有人可以向我解释一下为什么这不起作用以及如何修复它吗？

var select = d3.select("#selectionBox")
  .append('select')
    .attr("transform", "translate(" + 100 + "," + 50 + ")")
    .attr('class', 'select')
    .text("Failure Mode")
    .on('change', onchange);

Answer 1

如果您的代码不起作用，请尝试更改元素的 css 样式，如下所示:

    document.getElementById("selectionBox").style = " margin-left:10px; margin-top:10px; ";
    //Just fill it with your properties