js中button中文字上下行间距

JavaScript012

js中button中文字上下行间距,第1张

1、首先使用p标签创建一行文字,设置p标签的id为mytxt。

2、其次使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行editWord()函数。

3、最后在js标签内,创建editWord()函数,在函数内,通过id获得p元素对象,通过给letterSpacing属性赋值,实现字间距的设置。在浏览器打开test.html文件,点击按钮,查看实现的效果。

js修改行间距,主要是针对css样式的控制;

原生javascript的写法主要依靠style.lineHeight的属性,实例:

document.getElementById("aaa").style.lineHeight="100px"

jquery的写法,修改行间距的写法实例:

$("#aaa").css("line-height","100px")