每天一个JavaScript实例-获取元素当前高度

<!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>

每天一个JavaScript实例-获取元素当前高度相关推荐

每天一个JavaScript实例-apply和call的使用方法
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
每天一个JavaScript实例-canvas绘图
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
每天一个JavaScript实例-动态省份选择城市
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
html一级子元素,利用JavaScript怎么获取元素下的第一级子元素
利用JavaScript怎么获取元素下的第一级子元素发布时间:2021-01-22 17:03:51 来源:亿速云阅读:112 作者:Leah 这期内容当中小编将会给大家带来有关利用JavaScr ...
《web开发： JavaScript DOM获取元素》
一.JavaScript DOM获取元素 1. 如何获取页面元素 DOM在我们实际开发中主要用来操作元素获取页面中的元素可以使用以下几种方式: (下面的方法都是Web APIs) 根据 ID 获 ...
每天一个JavaScript实例-提取所有链接并添加到页面末尾列表
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
javaScript中获取元素的id
<!-- javaScript通常是用于操作HTML元素 ,如果是需要javaScript访问某一个 HTML元素这时候可以用document.getElementById(id)方法,请使用i ...
JavaScript DOM获取元素
API 和Web API 1.API API ( Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件 ...
js中如何获取元素的高度
方法一:使用jquery $("#id").height(); 方法二:使用dom document.getElementById("id").sty ...

每天一个JavaScript实例-获取元素当前高度

每天一个JavaScript实例-获取元素当前高度相关推荐

最新文章

热门文章