私のメインのHTMLファイルで外JSを使用してHTMLボタンのテキスト変数

Question

、私はこのスクリプトを使用して変数を作成する変更：

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script type="text/javascript"> 
//Creation of answerjson not shown 
var choiceOne = answerjson[0].choice; 

}); 

その後、私のHTML内に、私はこのコードを使用してdiv要素の中にボタンを作成します。

<div id= "one"><button class="button" id = "b1"></button></div> 

ボタンb1のラベルとしてchoiceOneの値を表示するにはどうすればよいですか？私はオンラインで検索しましたが、ボタンがdivにない場合にのみこの問題に対する答えが見つかりました。

Answer 1

var choiceOne = "Some Text"; 
 

 
// jQuery 
 
$("#b1").text(choiceOne); 
 

 
// Regular JavaScript 
 
document.getElementById("b2").innerHTML = choiceOne;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="one"><button class="button" id="b1"></button></div> 
 
<div id="two"><button class="button" id="b2"></button></div>

Answer 2

このよう

：

$('#b1').html(choiceOne); 

しかし、あなたはあなたがDOMのすべての準備ができて、ロードされていることを確認している

$(document).ready(function() { }); 

でこれを行う必要がない...早く

Answer 3

の

アクセスJavaScriptの内側からボタン、次のコマンドを使用して、その上にテキストを変更するには：

document.getElementById("b1").innerHTML = choiceOne; 

これは、通常のJSです。 JQueryを使用してコンテナを選択することもできます。