2017-09-07 10 views
0

から動的なIDを取得すると、私は外部のJavaScriptからスパンを移入する方法である:私はジャバスクリプトから動的に作成されたスパンを持っていますが、私はIDが戻ることによって、要素を取得しようとすると、ここで</p> <p>をゼロダイナミックspan要素

ここで
function createResponseNode() { 
    var node = document.createElement('div'); 
    node.className = "clearfix container col-8 right card p-3 mb-2 bg-info text-white text-right "; 
    node.innerHTML = "..."; 
    resultDiv.appendChild(node); 
    return node; 
} 

ではJavaScript

<div class="col s5 " id="wrp"> 
    <h5>Response payload:</h5> 
    <span id="jsonResponse" name="response"></span> 
</div> 

<script> 
    var text = document.getElementsByTagName("span")[0].innerHTML; 
    console.log(text); 
</script> 

からの応答を取得スパンである私は、JSPを使用するので、私は、Javaコードを使用することができますが、また、それはnullを返します。

答えて

0

あなたのコードには実際には 'document.getElementById'呼び出しがありません。あなたのdivを作成する関数は実際にdivにIDを設定していないので、それを見つけることはできませんとにかくあなたの動的に作成されたdivの中

どこかにあなたが実行したいあなたはこのことができます

document.getElementById("MyDivId");

希望を使用して検索を実行することができます

node.setAttribute("id", "MyDivId");

+0

私はこれで試しましたvar txt = document.getElementById( "jsonResponse");でもうまくいきません –

+0

jsonResponseを生成する関数の "resultDiv"が間違いなく正しいdivを選択していることを確認しましたか? – Chazmus

+0

ちょっと考えましたが、おそらくjsonResponse内のいくつかのデータを取得するためにajax呼び出しを実行してから、そのデータをスパンに書き込もうとしていますか? ajaxデータが返される前に、レスポンスを作成しようとしている可能性があります。 ajax呼び出しのコールバックとして 'createResponseNode'関数を渡す必要があるかもしれません。ここの例をご覧ください - https://www.w3schools.com/xml/ajax_intro.asp – Chazmus

関連する問題