如何在类中使用getElementById获取值并在另一个类中使用它

 
 Input 
 
  
 Now 
 
 
 All Headings 
  

我正在使用bootstrap，当按下Now按钮时，我将在表单中给出一些字符串。
我应该在textarea中获取该字符串的

标记（即textarea中的

some string

，其中应用了

标记）。

它可以实现吗？ 我想使用jQuery。

Answer 1

根据你的评论，我知道你想将textarea的font-size设置为与h1 tag相同的大小。

由于HTML中没有h1标记，因此需要在#nowBtn的单击事件处理函数中创建一个#nowBtn ：

 var header = document.createElement('h1'), size = window.getComputedStyle(header, null).fontSize; // Depending used browser and CSS, this returns for example 32px 

然后你可以像这样设置textarea的font-size ：

 $('textarea').css('font-size', size); 

jsFiddle的现场演示 。

编辑

正如bfavaretto所提到的，跨浏览器的方式是使用jQuery来获取h1的大小：

 size = $(header).css('font-size'); 

Answer 2

看看这个小提琴 – 它可能是你想要的。 http://jsfiddle.net/Nj7pj/

 $(document).ready(function () { $('.btn-primary').on('click', function () { inputVal = $('#getString').val(); newTextAreaVal = "
" + inputVal + "
"; $('textarea').val(newTextAreaVal); }); }); 

Answer 3

我想你可以做到

 var h1 = $("h1.classYouWant"); $(".form-control").val( "
" + h1.text() + "
" ); 

如果是动态标题（h1或h2或h3）

你可以做

 var header = $(".classYouWant").get(0); $(".form-control").val( header.outerHTML );