Chcę owinąć następujący przycisk wewnątrz div, więc mogę go wyśrodkować:

<button>Bottom</button>

Oto, czego próbowałem:

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

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

Możesz zobaczyć skrzypce tutaj

Jak mogę to zrobić bez jQuery lub innych ram?

0
user882670 12 sierpień 2014, 15:43

2 odpowiedzi

Najlepsza odpowiedź

Możesz to zrobić

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

Zaktualizowany skrzypce

2
T J 12 sierpień 2014, 11:58

Użyj GetEletyPhystesbyTagname zamiast gettelement

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

Zaktualizowane demo

1
Manwal 12 sierpień 2014, 11:56