Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Доступ к вложенному блоку


Автор: Andi 22.5.2007, 12:14
Как заменить содержимое вложенного блока через JS?

Код

<style type="text/css">
#mainMenu {
    position:absolute;
    left: 115px;
    height:200px;
    width:200px;
    background-color:#33FF33;
    top: 0px;
    margin: 0px;
    padding: 0px;
    
}
#menuItems{
    position:relative;
    background-color:#33FFFF
    right:0px;
    height:100%;
}
</style>
<script>
function ShowMenuItems(){
var mIt=document.getElementById("mainMenu");
mIt["menuItems"].innerHTML='<a href="linkpage.html" '+ 'name="Ссылка_1" id="txtLink">Ссылка_1</a>';
//---почему блоку menuItems ничего не присваивается?
}
function InitMainMenu(){
ShowMenuItems();
}
</script>
<body bgcolor="#0BD570" onload="InitMainMenu();" >
<div id="mainMenu"><img src="img/Menuimg.gif" /><div id="menuItems" ></div></div>
</body>

Автор: SelenIT 22.5.2007, 13:22
Andi, а почему Вы решили, что это должно работать? Где вообще Вы видели такой синтаксис?

По id-у можно обращаться только через document.getElementById (если не смотреть на MS-овскую отсебятину, оставшуюся в наследство от 4-го IE). Зато можно обратиться, например, к первому вложенному диву элемента: mIt.getElementsByTagName('div')[0].innerHTML = ...

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)