文本的寬度與到視口的高度

　

在這一布落格寫作布局中，寫作的內文區塊距離視口的高度距離 ↑↑。

一般而言，搞清楚了區塊的寬度，往往才知道要怎麼去布局文本。而搞清楚了某一區塊到視口的高度，則有利於某種互動布局完成的計算過程。

色身假如是虛妄的，那真實的生命是什麼？這個就來了。所以所本身是虛妄的嘛，那要找到真所這個地方，真所，那你有一個真能，現在我要把心安在這裡，心有真 有妄，所有真有妄，這個很清楚了。現在你要怎麼樣訓練，把真能給顯現出來，又把真所給顯現出來——修行第一關。

使用 HTML 以及 javascript 來找出 div 的寬度。

使用 javascript 的語法來找出 DIV 的寬度。

The width of this div is: 720px

HTML & javascript 語法：

<div style="border: 1px solid gray; font-weight: bold;" id="testwidth">

<div>


<script>

var disw0418 = document.getElementById("testwidth");

var widthdivd418 = disw0418.offsetWidth;

disw0418.innerHTML = "The width of this div is:  " + widthdivd418 +"px";

</script>


到視口高度的計算

<script>
window.onscroll = function() {myFunction()};

function myFunction() {
 
  var elmnt2 = document.getElementById("hv01");
  var rect = elmnt2.getBoundingClientRect();
  var rectt = rect.top;
  elmnt2.innerHTML = rectt+ " px";
}
</script>