jquery如何获取动态创建的且还没有放入dom的元素的宽度
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/l...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="jquery-1.10.2.min.js"></script>
<title>Insert title here</title>
<script>
$(document).ready(function(){
var $ele=$("<span></span>").html("hello world!!!");
alert($ele.width());
$("body").append($ele);
alert($ele.width());
});
</script>
</head>
<body>
</body>
</html>
如何使第一次的数值和第二次的一样？ 展开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="jquery-1.10.2.min.js"></script>
<title>Insert title here</title>
<script>
$(document).ready(function(){
var $ele=$("<span></span>").html("hello world!!!");
alert($ele.width());
$("body").append($ele);
alert($ele.width());
});
</script>
</head>
<body>
</body>
</html>
如何使第一次的数值和第二次的一样？ 展开
3个回答
展开全部
只有在DOM元素被渲染了之后，才能获取元素实际的宽高。
换句话说，如果元素还未插入DOM树里，就不可能走到渲染这一步，更不可能拿到元素的宽和高。
综上所述，你只能通过在DOM中插入元素，之后再获取已经渲染好的元素的宽高。
换句话说，如果元素还未插入DOM树里，就不可能走到渲染这一步，更不可能拿到元素的宽和高。
综上所述，你只能通过在DOM中插入元素，之后再获取已经渲染好的元素的宽高。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
创建$ele时，它只是个jquery对象，并不是当前HTML文档的元素。所以宽度为0
当你将它放到HTML文档中，它才是一个DOM，它的宽度会根据当前文档来确定。
如果你希望最开始就设置好它的宽度可以这样做
$("<span></span>").html("hello world!!!").css({"display" : "block", "width" : 300});
span标签不是块级元素，所以设置宽度时应该让它变成块"display" : "block"
而如果你使用的是div，是不需要这个的
当你将它放到HTML文档中，它才是一个DOM，它的宽度会根据当前文档来确定。
如果你希望最开始就设置好它的宽度可以这样做
$("<span></span>").html("hello world!!!").css({"display" : "block", "width" : 300});
span标签不是块级元素，所以设置宽度时应该让它变成块"display" : "block"
而如果你使用的是div，是不需要这个的
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你必须先把该元素添加到dom文档内才有宽高的，你想要先知道这个元素的宽高然后再做一些你想要的处理什么的可以这样
var $ele=$("<span></span>").html("hello world!!!").css({position: "fixed",left: "-10000px",top: "0"});
$("body").append($ele);
alert($ele.width()); //这里你可以初始化一些操作，然后再把该元素的position置为static即可
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
