Question

HTML中如何设置button按钮让一个text中的字体变大一号

Answer 1

这样：

btn.frame = CGRectMake(x, y, width, height);

[btn setTitle: @"search" forState: UIControlStateNormal];

//设置按钮上的自体的大小

//[btn setFont: [UIFont systemFontSize: 14.0]];    //这种可以用来设置字体的大小，但是可能会在将来的SDK版本中去除改方法

//应该使用

btn.titleLabel.font = [UIFont systemFontOfSize: 14.0];

[btn seBackgroundColor: [UIColor blueColor]];

//最后将按钮加入到指定视图superView

[superView addSubview: btn];

扩展资料：

注意事项

创建按钮的两种方法：

1、动态创建

btnfont = [UIButton buttonWithType:UIButtonTypeRoundedRect];

[btnfont setFrame:CGRectMake(100, 10, 120, 40)];

[btnfont addTarget:self action:nil forControlEvents:UIControlEventTouchUpInside];

[btnfont setTitle:@"字体" forState:UIControlStateNormal];

btnfont.backgroundColor=[UIColor clearColor];

[self.view addSubview:btnfont];

2、在xib文件中已经创建好，通过tag获取按钮

UIButton *testButton= (UIButton*)[self.view viewWithTag:100];

[testButton addTarget:self action:@selector(test:)

forControlEvents:UIControlEventTouchUpInside];

Answer 2

<input type="button" value="字体变大" onclick="FontChange(21);" />
<input id="txtchange" type="text" value="sss" >

上边是HTML一个button，一个text文本  button中onclick调用了事件FontChange(21)，21为传递的参数：字体大小

function FontChange(size){
		document.getElementById('txtchange').style.fontSize=size+'pt'

	}

上边的是button调用的函数，函数通过选择器找到id为txtchange的元素，修改元素的字体大小，原生javascript

如果是变大一号，就需要先给text设置一个字体大小，否则js是获取不到初始大小的

<input id="txtchange" type="text" style="font-size:50px" value="sss" >

这样  你试一下

Answer 3

普通的 javascript 函数
<script>
function fontBiger(){
//其实就是给 document.getElementById('text1').style.fontSize 属性赋值 成原来+2
text1=document.getElementById('text1');
text1.style.fontSize=Number(text1.style.fontSize.match(/^[\d]+/i))+2+"px";
}
var i=1;
function fontDisplay(){
//如果style中display属性为none就不现实
text1=document.getElementById('text1');
if(i){
text1.style.display="none";
i=0;
}else{
text1.style.display="";
i=1;
}
}
function fontCopy(){
//直接取得值然后赋值就好
text1=document.getElementById('text1');
text2=document.getElementById('text2');
text2.value=text1.value;
}
</script>
<button onclick="fontBiger();">字体大2px</button>
<button onclick="fontDisplay();">字体消失和显示</button>
<button onclick="fontCopy();">复制字体</button>
<input id="text1" type="text" style="font-size:10px;" value="测试字体1" />
<input id="text2" type="text" />

jQuery代码，需要下载jquery.js文件（jquery.com）并加载。或者直接加载网上的jquery文件也行，不过需要联网

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(e) {
$('#butSize').click(function(e){
$('#txt1').css('font-size',"+=2px");
});
$('#butDisplay').click(function(e) {
$('#txt1').toggle();
});
$('#butCopy').click(function(e) {
$('#txt2').val($('#txt1').val());
});
});
</script>
<button id="butSize">字体大2px</button>
<button id="butDisplay">字体消失和显示</button>
<button id="butCopy">复制字体</button>
<input id="txt1" type="text" value="测试字体1" />
<input id="txt2" type="text" />