使文字更大

时间:2012-06-01 11:52:18

标签: javascript jquery

如何使文字更大或div中的文字?

我真的不知道,帮助我的人

类似的东西:

$('div.text'), { FontSize: '40px' }); // <--- this is not real code, just to show what i need

6 个答案:

答案 0 :(得分:6)

document.getElementById("node1").style.fontSize = "40px";

答案 1 :(得分:4)

$('.text').css('font-size','40px');

答案 2 :(得分:3)

在jQuery中,你这样做的方法是改变div的CSS。这是一个快速的脏演示:http://jsfiddle.net/wjAqm/

实际代码为$("#demo").css("font-size", "20px");

答案 3 :(得分:1)

如果你有jQuery可用,请使用css函数。这是一个有效的例子 - http://jsfiddle.net/Pharaon/qLuBs/

$('#content').click(function() {
    $(this).css('fontSize', '40px');
});

答案 4 :(得分:1)

试试这个:

$('#div1').css('fontSize', '20px'); 

答案 5 :(得分:1)

Little Zoom演示:

<button id="bigger">Zoom In</button><button id="smaller">Zoom Out</button>
<div id="text" style="font-size: 1em;">Hello, world.</div>

​<script>

$('#bigger').click( function() { zoom( 1.2 ); } );
$('#smaller').click( function() { zoom( 0.8 ); } );

function zoom( factor ) {
    var div = $('#text');
    var size = div.css( 'font-size' );
    size = parseFloat( size );
    console.log([ 'size', size ]);
    size *= factor;
    div.css( 'font-size', size + 'px' )
}
​</script>

需要jQuery 1.7.x. Live demo on jfiddle