版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Spring_East/article/details/75587270
对于页面的字体内容进行样式处理,可以采用直接使用js或者jQuery进行处理
<body>
<p id="p1"></p>
<p id="p2"></p>
</body>
使用js改变字体样式
首先通过id获取元素
var p = document.getElementById('p1');
设置字体内容
p.innerHTML = '使用js设置字体样式';
设置字体属性
p.style.color = 'red'; //设置字体颜色
p.style.fontWeight="Bold"; //粗体
p.style.fontFamily="楷体"; //设置字体样式
p.style.background="#aaa"; //设置背景颜色
p.style.fontSize="18px"; //设置字体大小
使用jQuery设置字体样式
设置字体内容有两种方式
$('#p2').html('使用jQuery设置字体样式');
$('#p2').text('使用jQuery设置字体样式');
设置字体的属性
$('#p2').css('color','red'); //设置字体颜色
$('#p2').css('font-weight','bold'); //字体加粗
$('#p2').css('font-family','楷体'); //字体样式
$('#p2').css('background','#aaa'); //背景颜色
$('#p2').css('font-size','18px'); //字体大小