如何用javascript设置页面的宽度自适应

JavaScript013

如何用javascript设置页面的宽度自适应,第1张

使用javascript设置页面的宽度自适应的方法如下:

首先新建一个test.aspx空白页面,如图所示:

将一个div拖动到新建的test.aspx空白页面中,其中div的源码为<div id="Div1" runat="server"></div>。如图所示:

将JavaScript函数进行定义,其中源码为<script type="text/javascript"></script>。函数名可以自定义为function resizeDiv(minusWidth, minusHeight) {}。在自定义的函数中包含了高度和宽度,如图所示:

其中函数的详细内容为,如图所示:

函数调用完成之后,开始调用函数,页面默认剩余的宽度是20px和40px。如图:

函数调用完成之后,利用JavaScript设置页面的宽度自适应即可成功。

我的需求是需要基于页面中的h1元素中包含的文本来更改页面的标题标签。

我一直在搜索,并且找到了Javascript函数“ document.title”。我一直在尝试,尝试从具有“ Category-H1”类的h1元素中提取文本。

但是,它只是将页面标题设置为“ [object HTMLCollection]”,据我所知这是一个空值。

正确来说[object HTMLCollection]不是空值-它是html元素集合的字符串表示形式,可以从中获取需要的值。