2016-11-02 15 views
-1

私は今、いくつかのjavascriptと協力して、このようなspanにテキストを設定しようとしている -

<span id='span_id'></span> 
..... 
.... 
<script type='text/javascript'> 
    $('#span_id').text('Hello World'); 
</script> 

これまでのところ、私たちは持っている、それをリロードせずにHTMLページ上のいくつかの値/テキストを設定/変更することを知っていますajaxを使用してください。私は、これはどうするか思ったんだけど - jQuery$('#span_id')を使用すると、span_idのidを持つ要素を識別するものであるページ

+4

DOM要素のテキストを変更するためにページを更新する必要があるという前提が正しくありません。 –

答えて

2

関数が定義されているjQueryの(具体的manipulation.js)から供給源です。これは、リフロー/再描画イベントをトリガーします(新しいテキストが新しいスペースを占有するため)が、ページ全体がリロードされるわけではありません。 値の意味は次のとおりです。https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType

+0

それは間違いなく動作する方法です! LOL ...それを愛する。 – BlackHatSamurai

+2

この質問が投票されたことは残念です。腸の反応は「あなたがすでに知っているはずですが」と思われますが、これは些細な複雑さではありません。 –

+1

私は時には、人々が彼らが "すでに知っているべきであると感じていることのために他人に処罰されるように感じる..."。残念です。 – BlackHatSamurai

1

をリロードせずにここで働く$('#span_id').text('Hello World')。そこから、textメソッドは、テキストをHello Worldに設定します。 DOMを変更するためにjavascriptをリロードする必要はありません。ページが最初にロードされると、スクリプトが実行され、DOMが変更されます。あなたはページをリロードする必要はありません。

text: function(value) { 
    return access(this, function(value) { 
     return value === undefined ? 
      jQuery.text(this) : 
      this.empty().each(function() { 
       if (this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9) { 
        this.textContent = value; 
       } 
      }); 
    }, null, value, arguments.length); 

}

をそれだけで選択したノードにtextContent属性を定義だ:ここ

関連する問題