jq 取元素的line-height属性值

jq 取元素的line-height属性值,第1张

var lineheight = $("em").attr("line-height")不能取,除非你的元素是<em line-height="something"></em>

要用$("em").css("line-height")attr是取的标签内部的“键-值:对,例如<a id="" kk="1" ss="2">xxx</a>,用attr("id"),attr("kk"),attr("ss")能取到相应的值。

这个插件没有定义控件高度的配置,控件也没有设置高度,依据内容的高度来确定控件整体高度,你可以给样式添加高度即可。不过还是修改源代码来实现高度控制好点,可以随便配置,而不用统一

2者结合也可以

css覆盖部分,你也可以修改jquery.multiselect.css这个css文件增加style里面的样式

<link rel="stylesheet" type="text/css" href="../jquery.multiselect.css" />

<style>

.ui-multiselect{line-height:30pxheight:30px}

</style>

或者修改jquery.multiselect.js文件,增加一个cHeight配置,用来控制控件的高度,找到下面的这句,修改成这样

var button = (this.button = $('<button type="button"><span class="ui-icon ui-icon-triangle-1-s"></span></button>'))

===>改成这样,判断配置了cHeight增加增加style控制高度

var button = (this.button = $('<button type="button"'+(o.cHeight?' style="height:'+o.cHeight+'px"':'')+'><span class="ui-icon ui-icon-triangle-1-s"></span></button>'))

DEMO

$("select").multiselect({cHeight:40})

用js设置html标签的字体大小:

1、html页面代码:

<!DOCTYPE html ">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>JS 控制网页字体放大缩小实例</title>

</head>

<body>

<input onclick="setFontsize(0,'Content')" type="button" value="缩小字体">

<input onclick="setFontsize(1,'Content')" type="button" value="放大字体"><DIV ID="Content">

这是一个测试字体大小的页面

</DIV>

</body>

</html>

2、js代码:

var initial_fontsize= 10//初始化大小

var initial_lineheight = 18//初始化行高

设置字体的方法:

function setFontsize(type,objname){

var whichEl = document.getElementById(objname)

if (whichEl!=null) {

if (type==1){

if(initial_fontsize<64){

whichEl.style.fontSize=(++initial_fontsize)+'pt'

whichEl.style.lineHeight=(++initial_lineheight)+'pt'

}

}else {

if(initial_fontsize>8){

whichEl.style.fontSize=(--initial_fontsize)+'pt'

whichEl.style.lineHeight=(--initial_lineheight)+'pt'

}

}

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11237770.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存