本文实例讲述了jQuery获得包含margin的outerWidth和outerHeight的方法。分享给大家供大家参考。具体如下：
<!DOCTYPE html>
<html>
<head>
<script src="js/jqueryminjs">
</script>
<script>
$(document)ready(function(){
$("button")click(function(){
var txt="";
txt+="Width of div: " + $("#div1")width() + "</br>";
txt+="Height of div: " + $("#div1")height() + "</br>";
txt+="Outer width of div (margin included): " + $("#div1")outerWidth(true) + "</br>";
txt+="Outer height of div (margin included): " + $("#div1")outerHeight(true);
$("#div1")html(txt);
});
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;">
</div>
<br>
<button>Display dimensions of div</button>
<p>outerWidth(true) - returns the width of an element (includes padding, border, and margin)</p>
<p>outerHeight(true) - returns the height of an element (includes padding, border, and margin)</p>
</body>
</html>
jq:
$("#aa p")click(function(){
var me=$(this);
var lei=meattr("parameter");
var main=$("layerMain[id='"+lei+"']");
alert(mainhtml());
});
js:
var ps=documentquerySelectorAll("#aa p");
for(var i=0;i<pslength;i++){
ps[i]onclick=function(){
var me=this;
var lei=megetAttribute("parameter");
var main=documentquerySelector("layerMain[id='"+lei+"']");
alert(maininnerHTML);
}
}
URL：
>
<!DOCTYPE html>
<html>
<head>
<meta >
有原生DOM获取以及用js库比如jquery
原生DOM的话首先获取标签对象，id或者name或其他
例：
1
<p id="targetp" >2333333</p>
<script>
var element = documentgetElementById("targetp");
var tagname = elementtagName;
alert(tagname);
</script>
jQuery获取
$("#content-header")get(0)tagName
如果已经获取到对象可以直接获取标记名
<p onclick="alert('您单击的是：'+thistagName);">中华人民共和国</p>
1、首先创建一个文件夹，这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。
2、打开html文件，在html文件上找到<body>，在<body>标签里创建一个按钮标签，然后给这个标签添加一个点击addJs事件。
3、在js文件夹下创建一个js文件为addJsjs。
4、在addJsjs文件上输入一个alertd出框并保存，当引入js文件成功就会执行alertd出框。
5、回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJsjs文件的addJs事件。
6、保存html文件后使用浏览器打开，点击按钮即可看到出现一个d出，表示引入js文件成功。
以上就是关于原生js怎么获取outerwidth跟outerheight的方法全部的内容，包括:原生js怎么获取outerwidth跟outerheight的方法、原生js点击d出对应的html、auto.js如何解析html等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）