Attachment 348496 Details for Bug 72524 – offsetTop varies based on a single space

offsetTop varies based on a single space

offsetTop.html (text/html), 1.43 KB, created by Terje Bless on 2018-08-30 07:27:30 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Terje Bless

Created: 2018-08-30 07:27:30 PDT

Size: 1.43 KB

patch

obsolete

><!DOCTYPE html>
><html>
> <head>
> <title>offsetTop test</title>
> <script>
>function getOffsets() {
> var s1_offsetTop = document.getElementById("s1").offsetTop;
> var s2_offsetTop = document.getElementById("s2").offsetTop;
> var s3_offsetTop = document.getElementById("s3").offsetTop;
> var s4_offsetTop = document.getElementById("s4").offsetTop;
> var s1_offsetParent = document.getElementById("s1").offsetParent.localName;
> var s2_offsetParent = document.getElementById("s2").offsetParent.localName;
> var s3_offsetParent = document.getElementById("s3").offsetParent.localName;
> var s4_offsetParent = document.getElementById("s4").offsetParent.localName;
> document.getElementById("s1o").innerHTML += s1_offsetTop + ' (' + s1_offsetParent + ') ';
> document.getElementById("s2o").innerHTML += s2_offsetTop + ' (' + s2_offsetParent + ') ';
> document.getElementById("s3o").innerHTML += s3_offsetTop + ' (' + s3_offsetParent + ') ';
> document.getElementById("s4o").innerHTML += s4_offsetTop + ' (' + s4_offsetParent + ') ';
>}
> </script>
> </head>
> <body onload="getOffsets()">
> 
>1: TEXT BEFORE offsetTop: TEXT AFTER 
>2: TEXT BEFORE offsetTop: TEXT AFTER 
>3: TEXT BEFORE offsetTop: TEXT AFTER 
>4: TEXT BEFORE offsetTop: TEXT AFTER 
> 
>	</body>
></html>

<!DOCTYPE html>
<html>
  <head>
    <title>offsetTop test</title>
    <script>
function getOffsets() {
  var s1_offsetTop = document.getElementById("s1").offsetTop;
  var s2_offsetTop = document.getElementById("s2").offsetTop;
  var s3_offsetTop = document.getElementById("s3").offsetTop;
  var s4_offsetTop = document.getElementById("s4").offsetTop;
  var s1_offsetParent = document.getElementById("s1").offsetParent.localName;
  var s2_offsetParent = document.getElementById("s2").offsetParent.localName;
  var s3_offsetParent = document.getElementById("s3").offsetParent.localName;
  var s4_offsetParent = document.getElementById("s4").offsetParent.localName;
  document.getElementById("s1o").innerHTML += s1_offsetTop + ' (' + s1_offsetParent + ') ';
  document.getElementById("s2o").innerHTML += s2_offsetTop + ' (' + s2_offsetParent + ') ';
  document.getElementById("s3o").innerHTML += s3_offsetTop + ' (' + s3_offsetParent + ') ';
  document.getElementById("s4o").innerHTML += s4_offsetTop + ' (' + s4_offsetParent + ') ';
}
    </script>
  </head>
  <body onload="getOffsets()">
    <p>
1: TEXT BEFORE <span id="s1"></span><span id="s1o">offsetTop: </span>TEXT AFTER<br/>
2: TEXT BEFORE <span id="s2"></span><span id="s2o">offsetTop: </span>TEXT AFTER<br/>
3: TEXT BEFORE  <span id="s3"></span><span id="s3o">offsetTop: </span>TEXT AFTER<br/>
4: TEXT BEFORE <span id="s4"></span><span id="s4o">offsetTop: </span>TEXT AFTER<br/>
    </p>
	</body>
</html>

Actions: View

Attachments on bug 72524: 115408 | 348496 | 460338