獲取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相關的資料

友情鏈接