javascript - DIV を INPUT フィールドとして機能させる

Question

現在、多数の入力テキストフィールドを使用しており、それを DIV に変更したいのですが、ほとんどの JS 関数document.getElementById("inputField1").valueは、入力フィールドの値が次のように設定されている場合に使用します。

<input contenteditable="false" id="inputField1" type="text" size="12" style="background:#09F;color:#FFF;text-align:center" value="Hello World!"/>

値Hello World!をalert

DIV を使用する場合、間にあるテキストの値を取得するにはどうすればよいですか?

例えば<div id="inField001">Hello World</div>

ありがとう！

score 8 · Accepted Answer

その場合、次を使用できます。

document.getElementById('inField001').innerHTML

または：

document.getElementById('inField001').innerText

または：

document.getElementById('inField001').textContent

また (jQuery を使用する場合):

$('#inField001').text()

score 5 · Accepted Answer

あなたはただするだろう

var value = document.getElementById('inField001').innerHTML);

ただし、DIV に html がある場合、これもそれを取得します。

document.getElementById('inField001').textContent)を使用して、要素ラッパーを無視して要素からテキストノードだけを取得することもできます。

しかし、textContent のサポートは innerHTML ほど良くありません。情報とサポートについては、ドキュメントを参照してください。

別の方法は、を使用することinnerTextです。alert(document.getElementById('inField001').innerText);ただし、FF ではサポートされていません。

サポートについては、ドキュメントを参照してください。

score 1 · Accepted Answer

innerHTML プロパティを使用します。

document.getElementById("inField001").innerHTML

ところで、この種のことはjQueryで行う方がはるかに優れています。

score 0 · Accepted Answer

テキストコンテンツのみの場合:

var value = document.getElementById('inputField1').textContent;

より詳細なバージョンについては、こちらを参照してください。

score -1 · Accepted Answer

-1

またはただする

x = document.getElementById("inField001");
alert(x);

于 2013-05-24T18:07:26.627 に答える

5 に答える 5