Cómo centrar el efecto del código JS

Método de centrado común: margen: 0 automático se puede lograr. ¡Debería haber un DOM en el medio de la página! Simplemente use el posicionamiento relativo.

El siguiente es un pequeño ejemplo: lt;bodygt;

lt;div?id="div"?style="ancho: 100px; ?alto: 100px; ?fondo: #ccc ;?display:none;"gt;lt;/divgt;

lt;input?type="button"?value="click?me"?id="btn"?/gt;

lt;/bodygt;

lt;scriptgt;

var?oBtn?=?document.getElementById('btn');

var?oDiv?=?document.getElementById('div');

oBtn.onclick?=?function(){

oDiv.style.cssText?= ?'ancho: 100px;?alto:100px;?fondo:#ccc;?top:50;?left:50;?position:absolute;?margin-left:-50px;?margin-top:-50px;?display :block;' ;

};

lt;/scriptgt;

cssText?

Se realiza principalmente mediante posicionamiento de estilo. Puedes calcularlo por el ancho y alto de la página.