Я получаю некоторый контент, когда пользователь вводит url на моей странице. Я хочу, чтобы пользователь, нажав на кнопку, должен был установить значение <div> и после этого должен появиться div.Добавление содержимого span в div и его отображение на кнопке
Вот моя скрипка:
http://jsfiddle.net/karimkhan/qx4AB/
Вы были некоторые опечатки в вашей скрипке. Вот модифицированная версия:
HTML:
<div style="border:1px solid black;height:40px;display:none;" id="d1">
</div>
<span id="s1">This should be included into into div on button click</span>
<button type="submit" onclick="myfunc()">Button</button>
SCRIPT:
function myfunc()
{
document.getElementById('d1').innerText=document.getElementById('s1').innerText;
document.getElementById('d1').style.display='block';
}
Кстати, почему бы не просто использовать JQuery, если вы можете.
Вот один из способов сделать это в JQuery:
HTML:
<div id="d1">
</div>
<span id="s1">This should be included into into div on button click</span>
<button id="btn" type="submit">Button</button>
SCRIPT:
$('#btn').click(function()
{
myfunc();
});
function myfunc()
{
var div = $('#d1');
var spanText = $('#s1').text();
div.text(spanText);
d1.show();
}
попробовать это:
<body>
<div height="40" style="display:none" width="50" border="2" id="d1">
</div>
<span id="s1">This should be included into into div on button click</span>
<button type="submit" onclick="myfunc();"> Button</button>
</body>
<script>
function myfunc() {
var html = document.getElementById("s1").innerHTML;
document.getElementById("d1").style.display = "block";
document.getElementById("d1").innerHTML = html;
}
</script>
Спасибо за ответ, но без изменений. Посмотрите: http://jsfiddle.net/karimkhan/qx4AB/10/ –
работал отлично на моем компьютере. не могли бы вы проверить свою консоль? – Rayon
Приветствую jquery, но я не уверен в этом. Я ценю, если вы добавите и дайте мне знать хорошую ссылку для jquery, которая показывает основной пример! –
@xaisoft innerText не совместим с перекрестным браузером. он не будет работать в mozilla – Shadow
Эй, это работает на вашей скрипке. Я взял здесь один и тот же сценарий, но в чем проблема? http://jsfiddle.net/karimkhan/qx4AB/12/ –