Question

我的问题应该有一个简单的答案，但我非常沮丧，因为这种情况对我来说不合逻辑。我想要做的是在屏幕上的图像上放置一个上边距。它在没有DOCTYPE行的情况下工作，但没有使用它来启用HTML5。

[好]

<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采取了同样的行为。

Answer 1

为像

这样的属性样式添加像素

Trusted_Connection=False;
Encrypt=True;
Connection Timeout=30;
TrustServerCertificate=True

Answer 2

您没有指定单位。尝试：

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

Answer 3

以下是代码正常工作的正确输出.U必须使用引号和脚本中的单位。

document.getElementById（“img1”）。style.top =“50px”;

HTML5 Javascript图片定位

3 个答案: