По клику на ссылку меняем содержимое внутри блока
Прошу не закидывать меня тазами, я больше по верстке специализируюсь.
Собственно вопрос. Имеем хтмл-код: <html> <head> </head> <body> <a onclick="">Новое содержимое</a> <div id="block1">Старое содержимое</div> </body> </html> Что должно быть внутри onclick="", чтобы "Новое содержимое" оказалось внутри тегов <div></div> |
Цитата:
|
Ну можно так:
При клике на ссылку внутри неё добавится див с обводкой:
<style type="text/css">
div{border: 1px black solid;}
</style>
<script type="text/javascript">
window.onload = function () {
var a = document.getElementsByTagName('a')[0];
a.onclick = function () {
var div = document.createElement('div');
div.innerHTML = a.innerHTML;
a.innerHTML = '';
a.appendChild(div);
}
}
</script>
<a>Новое содержимое</a>
|
Собственно, вопрос в том, что поставить вместо ???.
Для input это было бы value, а для <div> что? document.getElementById('block1').??? = 'Новое содержимое'; |
внутрь тега a div-ы не кладут:) стандарт разрешает класть внутрь а только span-ы, если не ошибаюсь.
|
Цитата:
document.getElementById('block1').innerHTML = 'Новое содержимое';
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 10:48. |