Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.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_Jquery_Html_Css - Fatal编程技术网

如何通过JavaScript控制Div属性

如何通过JavaScript控制Div属性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我必须使用一个使用绝对定位的web设计应用程序,我需要创建一种方式,可以增加段落的字体大小,以便于访问。我可以理解这一点,但我所迷失的部分是试图理解如何更改div的属性高度、填充、边距,以便文本适合并且div不会相互重叠。我可以将“高度”设置为“自动”,但我不知道如何防止两个Div保持彼此之间的空间,以及如何将其应用于其他对象(如图像) 任何帮助都会很好 编辑:我在下面添加了一个屏幕截图,其中有两个基本div,它们都是相同的,只是底部的一个应用了15%的上边距,这对大字体有效,但对小字体有效 如

我必须使用一个使用绝对定位的web设计应用程序,我需要创建一种方式,可以增加段落的字体大小,以便于访问。我可以理解这一点,但我所迷失的部分是试图理解如何更改div的属性高度、填充、边距,以便文本适合并且div不会相互重叠。我可以将“高度”设置为“自动”,但我不知道如何防止两个Div保持彼此之间的空间,以及如何将其应用于其他对象(如图像)

任何帮助都会很好

编辑:我在下面添加了一个屏幕截图,其中有两个基本div,它们都是相同的,只是底部的一个应用了15%的上边距,这对大字体有效,但对小字体有效


如果将每个元素放置在div标记内,则它们将被视为块标记,并且不应相互重叠。然后您可以使用javascript更改它们的属性


如果您遇到一些问题,也许您可以在这里发布一些屏幕和一些HTML/CSS代码,以便我们可以更精确地帮助您。

在CSS中将div的高度设置为“自动”。然后,您可以分别使用.offsetHeight和.offsetTop访问div的高度和位置,并在每次更改字体大小时调整其位置。比如:

function adjust () {
    var divs = document.getElementsByTagName("div");
    for (var i = 1; i < divs.length; i++)
        divs[i].style.top = divs[i - 1].offsetHeight + divs[i - 1].offsetTop + "px";
}

我没有像以前那样附上代码;我没有写任何东西,因为我不懂逻辑,这就是我要问的逻辑。@Prashant但如果第一个div的宽度是500px,那么设置第二个div的左边距(假设它们并排)将使左边距为500px,两个div之间的间距变大?@Prashant我尝试使用%但当你减小字体大小时,这不起作用,间距太大,as%与包含Div的宽度相关,而不是与两个Div相关,即980px@prashant关键是能够以编程方式更改字体大小,并在绝对位置环境中维护布局;因为这是重叠的原因,所以可以使用width:auto;&现在,您可以给第二个div设置边距上限,使其保持固定距离。。