<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>标记）。
它是可以实现的？ 我想使用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);
在的jsfiddle现场演示 。
编辑
正如bfavaretto提到，跨浏览器的方法是使用jQuery来获取规模h1 ：
size = $(header).css('font-size');
看看这个小提琴 - 这可能是你想要的。 http://jsfiddle.net/Nj7pj/
$(document).ready(function () {
$('.btn-primary').on('click', function () {
inputVal = $('#getString').val();
newTextAreaVal = "<h1>" + inputVal + "</h1>";
$('textarea').val(newTextAreaVal);
});
});
我觉得你可以做
var h1 = $("h1.classYouWant");
$(".form-control").val( "<h1>" + h1.text() + "</h1>" );
如果是动态的报头（H1或H2或H3）
你可以做
var header = $(".classYouWant").get(0);
$(".form-control").val( header.outerHTML );
文章来源: How to get the value with getElementById in a class and use it in a different class
