代码之家  ›  专栏  ›  技术社区  ›  dev.e.loper

使用jquery创建html元素,如何获取元素的宽度?

  •  0
  • dev.e.loper  · 技术社区  · 14 年前

    我正在使用jQuery创建html元素,如下所示:

        var newListItem = $("<li>" + variableName + "</li>");
    
        var widthOfNewItem = newListItem.width(); //<-- will return 0
    

    如何找到这个新的元素宽度?我想打电话给你 newListItem.width()

    4 回复  |  直到 14 年前
        1
  •  2
  •   Psytronic    14 年前

    如果页面上没有宽度,为什么会有宽度?它的宽度将由它的容器大小和css定义。到目前为止你还没有把它附加到任何东西上,所以它只是在JS limbo中漂浮。

        2
  •  2
  •   John Strickler    14 年前

    您还没有将元素放入DOM中。您只需创建一个元素并将其存储到一个变量中。将其附加到诸如:

    $('ul').append(newListItem);
    

    然后检查它的宽度。

        3
  •  0
  •   mahioo    14 年前

    var obj = document.getElementById('Your_Element_ID') ;
    var width = obj.offsetWidth ;
    var height = obj.offsetHeight ;
    
        4
  •  0
  •   Josiah Ruddell    14 年前

    如果在显示之前需要宽度,可以将其附加到可见性为“隐藏”的容器中。这允许您检查宽度,而不显示元素。