更改dom元素's在没有jquery的情况下加载后的位置

Changing a dom element's position after load without jquery

本文关键字：jquery 情况下 加载 位置 元素 dom 更改      更新时间：2023-09-26

嘿，我有一些代码可以设置元素样式。宽度、高度和位置但它不起作用，我认为这是因为它不在头脑中，但我想像鼠标点击事件一样更改css，这样选项卡就会滑出等等，但我宁愿不使用jquery，有办法做到这一点吗？

编辑：好的，所以Iv准确地解决了宽度和高度的问题，当我尝试定位时，它似乎没有反应

这是我的代码

for (i=1; i<=tab_array.length-1; i++)
{
    if (i==3)
    {
        document.getElementById("_"+i).style.cssText='height:'+Math.floor(p(100,gheight))+'px;'+
                                 'width:' +Math.floor(p(80,gwidth ))+'px;'+
                                 'background:black;'+
                                 'postion:absolute;'+
                                 'left:'+Math.floor(p(tab_array.across,gwidth)-gwidth)+'px;'
                                 ;
    }
    else
    {
        document.getElementById("_"+i).style.cssText='height:'+Math.floor(p(80,gheight))+'px;'+
                                 'width:' +Math.floor(p(80,gwidth ))+'px;';
    }               
}

尝试以下操作：

function E(e){
  return document.getElementById(e);
}
function changeSize(id, height, width, interval){
  var es = E(id).style, h = parseInt(height), w = parseInt(width), f = Math.floor(h/w), n = parseInt(interval), i = 0;  
  var sit = setInterval(function(){
    i++; es.cssText = 'height:'+i*f+'px; width:'+i+'px;';
    if(i === w){
      es.cssText = 'height:'+h+'px; width:'+w+'px;'; clearInterval(sit); 
    }
  }, n);
}
changeSize('box', 100, 50, 20);

有关工作示例，请访问http://jsfiddle.net/PHPglue/X6TMv/。我没有添加宽松，不过jQuery处理起来相当有效。我编写了从高处获取字符串或数字的代码。

相关文章：