<body>
<div class="container">
Input
<form class="form-inline" role="form">
<div class="form-group">
<input type="text" class="form-control" id="getString" placeholder="Enter some string">
</div>
<button type="button" class="btn btn-primary" id="nowBtn">Now</button>
</form>
<br/>
<br/>
All Headings<textarea class="form-control" rows="6"></textarea>
</div>
</body>
我正在使用引导程序,当按下“立即”按钮时,我将在表单中提供一些字符串。
我应该<h1>
在textarea中获得该字符串的标签(即<h1>some string</h1>
在textarea中应用了<h1>
tag)。
这是可以实现的吗?我想使用jQuery。
从您的意见,我明白你想设置font-size
的textarea
以大小相同h1
的标签会有。
由于h1
HTML中没有标记,因此您需要在的click事件处理函数中创建一个标记#nowBtn
:
var header = document.createElement('h1'),
size = window.getComputedStyle(header, null).fontSize; // Depending used browser and CSS, this returns for example 32px
然后,你可以设置font-size
的textarea
是这样的:
$('textarea').css('font-size', size);
编辑
正如bfavaretto所提到的,跨浏览器的方式是使用jQuery来获取的大小h1
:
size = $(header).css('font-size');
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句