0

JavaScript の学習を達成しようとしている簡単なタスクがありますが、明確な答えを見つけることができませんでした。コードは次のとおりです。

<script type="text/javascript">
var show = document.getElementById("box");
document.write(show);
</script>


<div id="box">Testing</div>

基本的に、ボックス div 内のテキストを変数に格納したいと考えています。次に、その変数のテキストをページの別の部分に表示したいと考えています。上記のコードでは、null エラーが発生します。

ありがとう。

4

3 に答える 3

3

http://jsfiddle.net/David_Knowles/LTfyH/

<script>
    var show = document.getElementById("box").innerHTML;
    document.write(show);
</script>
于 2013-05-15T21:43:11.730 に答える
1

まず第一に、JavaScript はアドレス指定する要素を見つける必要があります。したがって、要素が定義された<script>にタグを配置する必要があります(これは簡単な方法の 1 つです)。

次に、.getElementById()要素を見つけることができますが、内部の HTML を取得するには、.innerHTMLプロパティをターゲットにする必要があります。

<div id="box">Testing</div>

<script type="text/javascript">
    var element = document.getElementById("box"),
        value = element.innerHTML;

    console.log(value);
</script>

最後に、テスト目的では、コンソールを使用することをお勧めします。スクリプトが値をコンソールに出力するようにするには、console.log().

于 2013-05-15T21:30:23.947 に答える
0

あなたがしているのは、テキストではなく変数にDOM オブジェクトを格納することです。テキストにアクセスするには、innerHTMLプロパティにアクセスする必要があります。

var t = document.getElementById("foo").innerHTML;
t = t.trim(); // to remove the whitespaces before and after the div.
document.write(t); 
于 2013-05-15T21:30:59.480 に答える