Вот такая вот у меня тестовая страница:
<!DOCTYPE html PUBLIC ""//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml11transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script src="q.js"></script>
<title>Проверка</title>
</head>
<body onload='p()'>
Как тебя зовут:
<form name='first'>
<input typó='text' id='a' value='Введите текст'>
<input type="button" onclick="Click()" value="Моя кнопка"/>
</form>
<input type="button" onclick="Click2()" value="Удалить"/>
<div id="list">
<div id="dMes">
проба
</div>
</div>
</body>
</html>
такой вот скрипт для этой страницы:
function p()
{
alert('Работает?');
}
function Click()
{
document.getElementById("dMes").innertHTML = "Новый текст для тега div id='dmes'";
}
function Click2(){
Add();
}
var col = 0;
function Add(){
var M='измененный текст!';
var div_id = 'dMes';
var parent = document.getElementById('list');
var child = document.createElement('DIV');
child.innerHTML = " id='dMes'"+M;
with(child.style){
border = '1px dotted #c0c0c0';
background = '#f0f0f0';
margin = '6px 0px 0px 0px';
}
child.setAttribute('id', div_id);
parent.appendChild(child);
}
function delitDiv(div_id){
var del = document.getElementById(div_id);
var parent = document.getElementById('list');
alert("parent="+parent);
parent.removeChild(del);
}
Так вот в чем вопрос - выполняю document.getElementById("dMes").innertHTML = "Новый текст для тега div id='dmes'";, и... на странице НИЧЕГО не изменяется, хотя в диве "dMes" текст должен поменяться.
В чем я туплю??