recherche

Maison  >  Article  >  interface Web  >  Un exemple d'utilisation de JavaScript pour obtenir la hauteur actuelle d'une compétence element_javascript

Un exemple d'utilisation de JavaScript pour obtenir la hauteur actuelle d'une compétence element_javascript

WBOY
WBOYoriginal
2016-05-16 16:32:39962parcourir
<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>每天一个JavaScript实例-获取元素当前高度</title> 
<style> 
#date{width:90%;height:25%;padding:10px;background: red;} 
</style> 
<script> 
window.onload = function(){ 
var height = getHeight(); 
console.log(height); 
} 
function getHeight(){ 
var height = 0; 
var div = document.getElementById("date").getBoundingClientRect(); 
if(div.height){ 
height = div.height; 
}else{ 
height = div.bottom - div.top; 
} 
return height; 
} 
</script> 
</head> 

<body> 
<div style="width:1000px;height:800px;"> 
<div id = "date"> 
</div> 
</div> 
</body> 
</html>

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Introduction à JsRender pour les compétences en syntaxe objet_javascriptArticle suivant：Introduction à JsRender pour les compétences en syntaxe objet_javascript

Articles Liés

Voir plus