Question

我想在div中包含以下按钮，以便将其置于中心位置：

<button>Bottom</button>

这就是我的尝试：

var dv = document.createElement('div');
dv.style.textAlign= 'center';

document.getElement('button').parentNode.appendChild(dv);

您可以看到Fiddle Here

如果没有JQuery或其他框架，我该怎么做？

Answer 1

你可以做到

  var btn = document.getElementsByTagName('button')[0];
  var dv = document.createElement('div');
  dv.style.textAlign= 'center';
  btn.parentNode.insertBefore(dv,btn);
  dv.appendChild(btn);

Updated Fiddle

Answer 2

使用getElementsByTagName代替 getElement

var dv = document.createElement('div');
dv.style.textAlign= 'center';
document.getElementsByTagName('button')[0].parentNode.appendChild(dv);
dv.appendChild(document.getElementsByTagName('button')[0]);

Updated Demo

使用纯JavaScript在div元素中包装和设置按钮

2 个答案: