使用js修改html标签宽度的方法
2个回答
2016-01-22
展开全部
document.getElementById("TagId").style.width=100;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
在设置宽度之前,必须要先确认标签是块级元素。
块级元素:block element
每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外)。两个块级元素连续编辑时,会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素;
块级元素一般作为容器出现,用来组织结构,但并不全是如此。有些块级元素,如<form>只能包含块级元素。其他的块级元素则可以包含 行级元素如<P>.也有一些则既可以包含块级,也可以包含行级元素。
DIV 是最常用的块级元素,元素样式的display:block都是块级元素。它们总是以一个块的形式表现出来,并且跟同级的兄弟块依次竖直排列,左右撑满。
举个例子,div是块级元素,而a不是块级元素。div能设置宽度(width:10px;)a不能设置宽度(width:10px;无效)。如果要将a转变成块级元素的话仅需要设置css属性display(display:block;)就可以设置a标签的高height和宽width了。
然后设置标签的宽度:
document.getElementById("标签的ID属性").style.width = 100 + "px";
如果不加最后的px的话,有可能ie会设置无效。
终上,如问题解决请采纳,如未解决,请追问。谢谢
块级元素:block element
每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外)。两个块级元素连续编辑时,会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素;
块级元素一般作为容器出现,用来组织结构,但并不全是如此。有些块级元素,如<form>只能包含块级元素。其他的块级元素则可以包含 行级元素如<P>.也有一些则既可以包含块级,也可以包含行级元素。
DIV 是最常用的块级元素,元素样式的display:block都是块级元素。它们总是以一个块的形式表现出来,并且跟同级的兄弟块依次竖直排列,左右撑满。
举个例子,div是块级元素,而a不是块级元素。div能设置宽度(width:10px;)a不能设置宽度(width:10px;无效)。如果要将a转变成块级元素的话仅需要设置css属性display(display:block;)就可以设置a标签的高height和宽width了。
然后设置标签的宽度:
document.getElementById("标签的ID属性").style.width = 100 + "px";
如果不加最后的px的话,有可能ie会设置无效。
终上,如问题解决请采纳,如未解决,请追问。谢谢
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询