获取js的body_JS获取HTML页面的BODY的高度

Ⅰ js如何获取body中的全部<input type="text">

Ⅱ js 怎么获取body中的所有元素不只是body的子元素，还有子元素的子元素

两种方式：
第一种纯js，使用递归：
<script>
/*
*第一个参数为页面元素对象或者数组
*第二个参数为回调函数【回调函数默认传递一个函数，即当前对象】
*/
function Each(obj,fun){
if('function'!==typeof(fun) || !obj){
return false;
}
if('undefined'!==typeof(obj.length)){
for(var i=0;i<obj.length;i++){
var o=obj[i];var r=fun(o)||true;
if(r===true){
r=Each(o.children,fun);
if(!r) return false;
}
}
}else{
var r=fun(obj)||true;
if(r===true){
r=Each(obj.children,fun);
if(!r) return false;
}
}
}
</script>

用法：
//
Each(document.getElementsByTagName("body"),function(obj){
if(obj.nodeName==="UL")//obj为当前遍历到的对象
return false;//如果返回false就会停止遍历
alert(obj.nodeName);
});
第二种方法，使用jquery:
$("body *").each(function(i, obj){
alert( "Item #" + i + ": " + obj );
});

Ⅲ js获取div到body左侧距离

1、拖动后记录x,y值

给div加上mousePosition事件

function mousePosition(evt){

evt = evt || window.event;

return {

x : evt.clientX + document.body.scrollLeft - document.body.clientLeft,

y : evt.clientY + document.body.scrollTop - document.body.clientTop

}

2、打开页面div定位

$(“div”).attr("top",y).attr("left",x);

(3)获取js的body扩展阅读

在用js获取元素的位置之前，元素在页面的位置的计算公式，如下：

元素在页面的位置=此元素相对浏览器视窗的位置+浏览器滚动条的值；

用getBoundingClientRect()方法来获得某个元素相对浏览器视窗的位置｛这个方法返回的是一个对象，即Object，该对象具有4个属性：top，left，right，bottom ｝。

<html >

<head>

</head>

<div id="demo" style="position:absolute; left:518px; right:100px; width:500px; height:500px;

background:#CC0000; top: 114px;">Demo为了方便就直接用绝对定位的元素</div>

</body>

</html>

document.getElementById('demo').onclick=function (){

if (document.documentElement.getBoundingClientRect) {

alert("left:"+this.getBoundingClientRect().left)

alert("top:"+this.getBoundingClientRect().top)

alert("right:"+this.getBoundingClientRect().right)

alert("bottom:"+this.getBoundingClientRect().bottom)

var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;

var Y = this.getBoundingClientRect().top+document.documentElement.scrollTop;

alert("Demo的位置是X:"+X+";Y:"+Y)

}

</script>

Ⅳ JS求教：获取body对象，这样写document.body对IE 6、7、8下的兼容性如何

在IE下用document.all[0]获取当前document对象!
然后就是body对象要看你的body标签在你文档的索引位置，然后调用它
例如索引位置是4，从0开始。
document.all[4]
切记！！！

更简单的方法document.getElementsByTagName('body')[0]

当然你也可以选择递归(全能方法)

varTM={
	arr:[],
	getNodes:function(tagNames,models){
		varm=models?models:this.model;
		varc=null;
		vararr=this.arr;//数组传递也是引用传递
		if(c=m.children){
			for(vari=0;i<c.length;i++){
				varnc=c[i].tagName.toLowerCase();
				if(nc==tagNames){
					arr.push(c[i]);//引用被改变，原来的也改变
				}
				else{
					this.getNodes(tagNames,c[i]);
				}
			}
		}
		returnarr;
	}
};

引用TM.getNodes('body',document.all[0])[0];

Ⅳ JS获取body的高度

1、document.body.clientWidth;//网页可见区域宽

2、document.body.clientHeight;//网页可见区域高

3、document.body.offsetWidth;//网页可见区域宽(包括边线的宽)

4、document.body.offsetHeight;//网页可见区域高(包括边线的高)

5、document.body.scrollWidth;//网页正文全文宽

6、window.screen.availHeight;//屏幕可用工作区高度

7、window.screen.availWidth;//屏幕可用工作区宽度

8、alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度包括border padding margin

9、alert($(document.body).width());//浏览器时下窗口文档body的高度

(5)获取js的body扩展阅读：

1、alert($(window).height()); //浏览器时下窗口可视区域高度

2、alert($(document).height()); //浏览器时下窗口文档的高度

3、alert($(document.body).height());//浏览器时下窗口文档body的高度

4、alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度包括border padding margin

5、alert($(window).width()); //浏览器时下窗口可视区域宽度

6、alert($(document).width());//浏览器时下窗口文档对于象宽度

7、alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度

8、alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度

Ⅵ 关于javascript中获取body元素的问题

getElementByTagName是提供的一个通用的根据元素名称来获取元素的方法，因此它不会回针对特定标签进行答特殊处理。

这个方法定义的返回参数就是一个数组，因此不管你文档中这类标签是一个还是多个，全部统一以数组形式返回。
一般通过这个方法来获取元素对象时，建议先判断getElementByTagName获取到的对象的length是否不为0，否则，容易出现数组越界的错误。

判断：
if (document.getElementByTagName("body") != 0) {
// 此时再获取元素对象

}

Ⅶ JS获取HTML页面的BODY的高度

<html>
<head>

</head>
<body style="height:400px">
<div id="div1">12312</div>
<script type="text/javascript">

document.getElementById("div1").style.height=document.body.style.height;
alert(document.getElementById("div1").style.height);
//如果body，没有设置样式，这个高度就为空
document.getElementById("div1").style.height=document.body.clientHeight
alert(document.getElementById("div1").style.height);
//如果设置了样式，offsetHeight就等于样式的height否则等于clientHeight
document.getElementById("div1").style.height=document.body.offsetHeight
alert(document.getElementById("div1").style.height);
</script>
</body>
</html>

导航:首页 > 编程语言 > 获取js的body

获取js的body

与获取js的body相关的资料

友情链接