0 
<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>

私はブートストラップを使用しており、[Now] ボタンが押されたときにフォームに文字列を指定します。
テキストエリアでその文字列のタグを取得する必要があり<h1>ます（つまり<h1>some string</h1>、タグが適用されたテキストエリアで<h1>）。

それは達成可能ですか？jQueryを使いたい。

4

3 に答える 3

1

あなたのコメントから、タグと同じサイズに設定font-sizeしたいことがわかりました。textareah1

HTML にはタグがないためh1、 のクリック イベント ハンドラー関数でタグを作成する必要があります#nowBtn。

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

次に、次のようにfont-sizeofを設定できます。textarea

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

jsFiddle でのライブ デモ。

編集

bfavaretto が述べたように、クロスブラウザの方法は、jQuery を使用して次のサイズを取得することですh1。

size = $(header).css('font-size');
于 2013-08-20T14:44:13.363 に答える