Как вывести значение переменной javascript внутри html?

Все,Как вывести значение переменной javascript внутри html?

У меня есть яваскрипт подпрограмма, которая возвращает значение строки, я хочу, чтобы использовать эту процедуру в моих HTML-тегах, как это,

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

Возможно ли это ?. Какие-нибудь идеи?

источник

2012-04-11 David R

не может использовать что-то вроде документа .записывать? – Sam

Привет, Сэм, Могу ли я проверить последнее обновление моего обновления? –

Нет, вы не можете использовать переменные javascript внутри тегов html. Вы должны установить значение html с помощью DHTML.

Если вы размещаете код я могу вам помочь

источник

2012-04-11 14:31:37 Yorgo

Hi Yorgo, я хочу сделать это, не используя DHTML. Есть ли способ? –

nope. вы должны установить значение в HTML по DHML – Yorgo

document.write (getKeyValue ('empDesignation')); Возможно, это будет трюк.

UPDATE: Он должен быть заключен в <script> теги

источник

2012-04-11 14:31:53 Dave

Привет, Доминик, Когда я пытаюсь написать так, это мое меню javascript исчезает, и только обозначение печатается в браузере. –

document.write удалит все, прежде чем писать, если страница уже закончена, вместо этого следует использовать innerHTML. – Jahid

Вы можете сделать

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

Это предполагает, что getKeyValue() возвращает строку. Затем вы ставите этот результат как текст элемента с 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.

источник

2012-04-11 14:36:25 Sam

Привет, Сэм, я хочу сделать это, не используя DHTML. Есть ли способ? –

Я так не думаю. Нет, если вы получаете свое значение от функции javascript. Я добавлю html в свой пример, если хотите. – Sam

Спасибо за ваш ответ Сэм! –

внутри HTML-теги это getKeyValue ('empDesignation') не представляется возможным,

использование innerHTML, как показано ниже, например

  <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

Как вывести значение переменной javascript внутри html?

ответ

Смежные вопросы