HTML5 Javascript圖像定位

我的問題應該有一個簡單的答案，但我很沮喪，因爲這種情況對我來說不合邏輯。我想要做的是在屏幕上的圖像上放置一個頂部邊距。它在沒有DOCTYPE行的情況下工作，但不適用於啓用HTML5。HTML5 Javascript圖像定位

[好]

<html> 
    <head> 
     <title>HTML5 Question</title> 
    </head> 
    <body> 
     <img src="help.jpg" id="img1" style="position:absolute"> 
     <script> 
      document.getElementById("img1").style.top = 50; 
     </script> 
    </body> 
</html>

[不良]

<!DOCTYPE html> 
<html> 
    <head> 
     <title>HTML5 Question</title> 
    </head> 
    <body> 
     <img src="help.jpg" id="img1" style="position:absolute"> 
     <script> 
      document.getElementById("img1").style.top = 50; 
     </script> 
    </body> 
</html>

的很好的例子僅給出50個像素上邊距到圖像。唯一的區別是第一個DOCTYPE系列的缺失和存在。 help.jpg是本地圖像文件。我對Chrome和FireFox有同樣的行爲。

來源

2015-05-29 koby

非常感謝所有善意指出我的代碼出了什麼問題的人！我成功糾正了錯誤，現在能夠回到我的工作。我認爲像素中的單位是默認的，因此可以省略。儘管...... HTML5的行爲有所不同，但仍有一些疑問。 – koby

添加像素物業風格像

document.getElementById("img1").style.top = "50px";

來源

2015-05-29 11:37:14 Zee

你不指定單位。請嘗試：

document.getElementById("img1").style.top = '50px';

來源

2015-05-29 11:37:36 Utkanos

這裏是代碼工作正確的輸出.U必須使用引號以及腳本中的單位。

document.getElementById（「img1」）。style.top =「50px」;

來源

2015-05-29 13:04:09 pujitha

HTML5 Javascript圖像定位

回答

相關問題