Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改div内部的图像边距_Javascript_Html - Fatal编程技术网

Javascript 如何更改div内部的图像边距

Javascript 如何更改div内部的图像边距,javascript,html,Javascript,Html,这是我的密码 我想用函数将id为pic的图像边距更改为-400px。您可以使用此函数: function MoveImage() { // using jQuery $('.crop img#pic').css({ 'margin-top': -400 }); // using javascript // document.getElementById('pic').style.marginTop = '-400px'; } MoveImage(); pi

这是我的密码


我想用函数将id为pic的图像边距更改为-400px。

您可以使用此函数:

function MoveImage() {
    // using jQuery
    $('.crop img#pic').css({ 'margin-top': -400 });
    // using javascript
    // document.getElementById('pic').style.marginTop = '-400px';
}

MoveImage();
pic{margin:20px;}

或者,无论您想要哪个值,您都可以使用您提供的ID将图像本身作为目标。
当通过项目的ID定位项目时,您将使用它;当通过项目的类定位项目时,您将使用它。

使用javascript,而不是CSS
function MoveImage() {
    // using jQuery
    $('.crop img#pic').css({ 'margin-top': -400 });
    // using javascript
    // document.getElementById('pic').style.marginTop = '-400px';
}

MoveImage();