2016-07-23 4 views
-2

どのように変更することができますtextContentgetElementsByNameまたはgetElementsByIdgetElementsByNameまたはgetElementsByIdを使用せずにdiv textContentを変更するにはどうすればよいですか?

は、私はこのようなコードを持っている:

function get_up_vote_text() { 
    var up_text=document.createElement('div'); 
    up_text.setAttribute('name','up_text'); 
    up_text.textContent='152'; 

    return up_text; 
} 

をそして私は(getElementsByNameまたはgetElementsByIdを使用せずに)次の関数の値 "up_text" を更新したい:

function get_up_vote() { 
    var up = document.createElement('div'); 
    up.setAttribute('name','up'); 

    up.onclick=function() { 
     var temp=get_up_vote_text(); 
     //I want write some code here to update "up_text" value 
    } 
    return up; 
} 
+2

なぜ 'getElementById()'などの使用を避ける必要がありますか?どのような問題を解決しようとしていますか?関連性のある有効なコードの任意の除外については、実際に説明する必要があります。 –

+0

@DavidThomas True ...この質問では何も分かりません。 – Hydro

+0

実際にはjqueryでフォームを生成したい。 フォームを生成する関数(フォームに画像、テキストボックス、ボタンを含む)を含むform.jsを作成するとします。フォームはユーザーによって動的に生成されています。 ユーザーがボタンをクリックすると、テキストボックスに更新が含まれます。どうすればgetElementById()を使うことができますか? @DavidThomas (私は貧しい書き込みをお詫び申し上げます) –

答えて

0

あなたはthisオブジェクトを使用することができます:

up.onclick=function() { 
    var temp=get_up_vote_text(); 

    this.textContent="new text content"; 
} 

また、使用してイベントからe.target

up.onclick=function (e) { 
    var temp=get_up_vote_text(); 

    e.target.textContent="new text content"; 
} 

これは役立ちます。

0

あなたのdivは= divIdは、単にあなたが

をしたいのdivを取得するには$( "#divIdは")を使用し、IDを持っているならば、あなたのHTMLページに

<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    </head> 

をこれらのタグを使用して、それのためのjQueryを使用することができます

関連する問題