htmlの中にjavascript変数の値を出力するには？

私はこのように私のhtmlタグ内にこのルーチンを使用する、文字列値を返すJavaScriptのルーチンをした

、

<a href="#"><script>getKeyValue('empDesignation')</script></a>

は、これは可能です？。どんな洞察？

出典

2012-04-11 David R

は、ドキュメントのようなものを使用することはできませんように、それは、

使用のinnerHTMLプロパティことはできません。書きます？ – Sam

こんにちはサム、私の最新の編集を確認できますか？ –

いいえ、HTMLタグ内でjavascript変数を使用することはできません。 DHTMLを使用して値をhtmlに設定する必要があります。

あなたは私があなた

出典

2012-04-11 14:31:37 Yorgo

こんにちはYorgo、私はDHTMLを使用せずにこれをやりたい利用可能な方法はありますか？ –

nope。 DHML – Yorgo

のdocument.write（getKeyValue（ 'empDesignation'））を助けることができるいくつかのコードを投稿した場合。これはおそらくトリックを行うだろう。

UPDATE：それは持っているあなたは

var txt = getKeyValue('empDesignation'); 
$('#result').text(txt);

これはgetKeyValue（）は文字列を返すことを前提として操作を行うことができ<script>タグ

出典

2012-04-11 14:31:53 Dave

こんにちはドミニクでHTMLに値を設定する必要があります。私のように書くと、JavaScriptのメニューが消え、ブラウザで指定が表示されます。 –

document.writeは、ページが既に読み込み終了した場合は、innerHTMLを代わりに使用する必要があります。 – Jahid

内に囲まれます。結果をid = resultの要素のテキストとして出力します。

EDIT - 編集後です。あなたは、これは動作するはず

HTML

<a href="#" data-key='empDesignation' class='functional'>your text</a>

//when you click on a link that has the class functional  
$('a.functional').on('click', function(e){ 
    //prevent the default action 
    e.preventDefault(); 
    //retrieve the data that from the html5 data attribute and pass it to 
    //your custom function 
    var result = getKeyValue($(this).data('key')); 
    //use the resulting string as the new text for the clicked link 
    $(this).text(result); 
})

出典

2012-04-11 14:32:15

$（...）はjQueryのみで動作します。 –

こんにちはNicoloa、私がこれを好きなら、私のメニューサイズは縮小する傾向があります。 –

@EdsonMedina私はそれがユーザー定義関数だと思った。不足しているドットを追加しました –

<html> 
    <head> 

<script type="text/javascript"> 
function alterText(){ 
document.getElementById('hello').innerHTML = empDesignation(); 
} 
    function empDesignation(){ 
    var output = 'test' 
    return output 
    } 
</script> 

    </head> 
    <body onload="javascript:alterText()"> 

    <a id="hello"></a> 

    </body> 


    </html>

を行うことができます。あなたのempDesignation機能を模擬しなければならなかった。 htmlタグ内の

出典

2012-04-11 14:36:25 Sam

こんにちはサム、私はDHTMLを使わないでこれをやりたい利用可能な方法はありますか？ –

私はそうは思わない。あなたがJavaScript関数からあなたの価値を得ているのではない。好きな場合は、私の例にhtmlを追加します。 – Sam

返事ありがとうSam！ –

このgetKeyValue（ 'empDesignation'）たとえば、以下の

  <html> 
    <script type="text/javascript"> 
    function changeText(){ 
     document.getElementById('boldStuff').innerHTML = 'is Software Developer'; 
    } 
    </script> 
    <body> 
    <p>Employee Designation <b id='boldStuff'>is what?</b> </p> 
    <input type='button' onclick='changeText()' value='Change Text'/> 
    </body> 
    </html>

EDIT

  <script type="text/javascript"> 
    function changeText(){ 
      var get_des=getKeyValue('empDesignation'); 

      document.getElementById('change_id').innerHTML = get_des; 
    } 
    </script> 

      <a href="#" id="change_id" onclick='changeText()'></a>

出典

2012-04-11 14:40:05 srini

htmlの中にjavascript変数の値を出力するには？

答えて

関連する問題