Javascript tutorial

//-------------------------------------------------------------
//            Получить все аттрибуты элемента
//-------------------------------------------------------------

document.getElementsByTagName("BUTTON")[0].attributes;

//-------------------------------------------------------------
//             Получить все дочерние элементы
//-------------------------------------------------------------

document.body.childNodes;

//-------------------------------------------------------------
//                      Проверить тип узла (1)
//-------------------------------------------------------------

document.body.nodeType;

//-------------------------------------------------------------
//              Получить название тэга узла
//-------------------------------------------------------------

document.body.nodeName;

//-------------------------------------------------------------
//        Получить следующий элемент текущего уровня
//-------------------------------------------------------------

document.getElementById("item1").nextSibling;

//-------------------------------------------------------------
//        Получить последний дочерний элемент узла
//-------------------------------------------------------------

document.getElementById("myList").lastChild;

//-------------------------------------------------------------
//         Получить первый дочерний элемент узла
//-------------------------------------------------------------

document.firstChild;

//-------------------------------------------------------------
//       Получить предыдущий элемент текущего уровня
//-------------------------------------------------------------

document.getElementById("item2").previousSibling;

//-------------------------------------------------------------
//        Получить текстовое содержание узла
//-------------------------------------------------------------

document.getElementsByTagName("BUTTON")[0].textContent;

//-------------------------------------------------------------
//              Добавить элемент в список
//-------------------------------------------------------------

document.getElementById("myList").appendChild(newListItem);

//-------------------------------------------------------------
//        Копировать элемент из одного списка в другой
//-------------------------------------------------------------

var node=document.getElementById("myList2").lastChild.cloneNode(true);
document.getElementById("myList1").appendChild(node);

//-------------------------------------------------------------
//     Сравнить позиции параграфов друг относительно друга
//-------------------------------------------------------------

var p1=document.getElementById("p1");
var p2=document.getElementById("p2");
p1.compareDocumentPosition(p2);

//-------------------------------------------------------------
//           Проверить наличие аттрибутов у тэга
//-------------------------------------------------------------

document.body.hasAttributes()

//-------------------------------------------------------------
//          Проверить наличие дочерних узлов у тэга
//-------------------------------------------------------------

document.getElementById("myList").hasChildNodes()

//-------------------------------------------------------------
//     Вставить элемент перед заданным элементом в списке
//-------------------------------------------------------------

document.getElementById("myList").insertBefore(newItem,existingItem);

//-------------------------------------------------------------
//          Проверить идентичность двух элементов
//-------------------------------------------------------------

var item1=document.getElementById("myList1").firstChild;
var item2=document.getElementById("myList2").firstChild;
item1.isEqualNode(item2);

//-------------------------------------------------------------
//       Проверить принадлежность двух элементов одному родительскому узлу
//-------------------------------------------------------------

var item1=document.getElementById("myList1");
var item2=document.getElementsByTagName("UL")[0];
item1.isSameNode(item2);

//-------------------------------------------------------------
//                 Удаление элемента из списка
//-------------------------------------------------------------

var list=document.getElementById("myList");
list.removeChild(list.childNodes[0]);

//-------------------------------------------------------------
//         Заменить элемент списка другим элементом
//-------------------------------------------------------------

document.getElementById("myList").replaceChild(newnode,oldnode);

//-------------------------------------------------------------
//             Установить текст в статусбар
//-------------------------------------------------------------

window.defaultStatus="This is the default text in the status bar!!"

//-------------------------------------------------------------
//        Установить текст в статусбар (для Opera)
//-------------------------------------------------------------

window.status="Some text in the status bar!!";

//-------------------------------------------------------------
//          Изменить src всех фреймов в документе
//-------------------------------------------------------------

for (var i=0; i<frames.length; i++)
  {
  frames[i].location="http://w3schools.com"
  }

//-------------------------------------------------------------
//     Получить ширину и высоту текущего окна (не учитывая тулбары и скроллбары)
//-------------------------------------------------------------

var w=window.innerWidth;
var h=window.innerHeight;

//-------------------------------------------------------------
//       Создать всплывающее окно и вывести его имя
//-------------------------------------------------------------

function openWin()
{
myWindow=window.open('','MsgWindow','width=200,height=100');
myWindow.document.write("<p>This window's name is: " + myWindow.name + "</p>");
}

//-------------------------------------------------------------
//     Обращение к родителскому окну из всплывающего окна
//-------------------------------------------------------------

function openWin()
{
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("This is 'myWindow'!");
myWindow.focus();
myWindow.opener.document.write("<p>This is the source window!</p>");
}

//-------------------------------------------------------------
//      Получить ширину и высоту текущего окна (учитывая тулбары и скроллбары)
//-------------------------------------------------------------

var w=window.outerWidth;
var h=window.outerHeight;

//-------------------------------------------------------------
//     Получить расстояние в пикселах, на которое содержимое окна было прокручено
//-------------------------------------------------------------

function scrollWindow()
  {
  window.scrollBy(100,100)
  alert("pageXOffset: " + window.pageXOffset + ", pageYOffset: " + window.pageYOffset)
  }

//-------------------------------------------------------------
//    Обращение к родительскому окну из открытого всплывающего окна
//-------------------------------------------------------------

function openWin()
{
window.open('','','width=200,height=100');
alert(window.parent.location);
}

//-------------------------------------------------------------
//      Получить координаты текущего окна относительно экрана
//-------------------------------------------------------------
function openWin()
{
myWindow=window.open('','');
myWindow.document.write("<p>This is 'myWindow'");
myWindow.document.write("<br />ScreenLeft: " + myWindow.screenLeft);
myWindow.document.write("<br />ScreenTop: " + myWindow.screenTop + "</p>");
}

//-------------------------------------------------------------
//    Получить координаты текущего окна относительно экрана (для FireFox)
//-------------------------------------------------------------

function openWin()
{
myWindow=window.open('','');
myWindow.document.write("<p>This is 'myWindow'");
myWindow.document.write("<br />ScreenX: " + myWindow.screenX);
myWindow.document.write("<br />ScreenY: " + myWindow.screenY + "</p>");
}

//-------------------------------------------------------------
//      Проверить является ли текущее окно основным окном или фреймом
//-------------------------------------------------------------

function check()
{
if (window.top!=window.self)
  {
  document.write("<p>This window is not the topmost window! Am I in a frame?</p>")
  }
else
  {
  document.write("<p>This window is the topmost window!</p>")
  }
}

//-------------------------------------------------------------
//           Убрать фокус с заданного окна
//-------------------------------------------------------------

function openWin()
{
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>The new window.</p>");
myWindow.blur();
}

//-------------------------------------------------------------
//      Установка и снятие процедуры, запускающейся через
//       определенные промежутки времени
//-------------------------------------------------------------

<input type="text" id="clock" />
<script language=javascript>
var int=self.setInterval(function(){clock()},1000);
function clock()
  {
  var d=new Date();
  var t=d.toLocaleTimeString();
  document.getElementById("clock").value=t;
  }
</script>
</form>
<button onclick="int=window.clearInterval(int)">Stop</button>

//-------------------------------------------------------------
//     Установка и снятие процедуры, запускающейся по таймауту
//-------------------------------------------------------------

var c=0;
var t;
var timer_is_on=0;

function timedCount()
  {
  document.getElementById('txt').value=c;
  c=c+1;
  t=setTimeout(function(){timedCount()},1000);
  }

function doTimer()
  {
  if (!timer_is_on)
    {
    timer_is_on=1;
    timedCount();
    }
  }

function stopCount()
  {
  clearTimeout(t);
  timer_is_on=0;
  }

//-------------------------------------------------------------
//      Создание и последующее закрытие всплывающего окна
//-------------------------------------------------------------

function openWin()
{
myWindow=window.open("","","width=200,height=100");
myWindow.document.write("<p>This is 'myWindow'</p>");
}

function closeWin()
{
myWindow.close();
}

//-------------------------------------------------------------
//        Вывод диалога подтверждения Да/Нет
//-------------------------------------------------------------

function disp_confirm()
{
var r=confirm("Press a button!")
if (r==true)
  {
  alert("You pressed OK!")
  }
else
  {
  alert("You pressed Cancel!")
  }
}

//-------------------------------------------------------------
//        Создание всплывающего окна в IE
//-------------------------------------------------------------

function show_popup()
{
var p=window.createPopup()
var pbody=p.document.body
pbody.style.backgroundColor="lime"
pbody.style.border="solid black 1px"
pbody.innerHTML="This is a pop-up! Click outside to close."
p.show(150,150,200,50,document.body)
}

//-------------------------------------------------------------
//           Установка фокуса на заданное окно
//-------------------------------------------------------------

function openWin()
{
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>This is 'myWindow'</p>");
myWindow.focus();
}

//-------------------------------------------------------------
//      Перемещение окна на заданное количество пикселов
//-------------------------------------------------------------

function openWin()
{
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>This is 'myWindow'</p>");
}

function moveWin()
{
myWindow.moveBy(250,250);
myWindow.focus();
}

//-------------------------------------------------------------
//         Перемещение окна в заданную позицию на экране
//-------------------------------------------------------------

function openWin()
{
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>This is 'myWindow'</p>");
}

function moveWin()
{
myWindow.moveTo(0,0);
myWindow.focus();
}

//-------------------------------------------------------------
//              Запуск всплывающего окна
//-------------------------------------------------------------

function open_win()
{
window.open("http://www.w3schools.com")
}

//-------------------------------------------------------------
//             Распечатать текущую страницу
//-------------------------------------------------------------

function printpage()
  {
  window.print()
  }

//-------------------------------------------------------------
//           Открытие диалога для ввода информации
//-------------------------------------------------------------

function disp_prompt()
  {
  var fname=prompt("Please enter your name:","Your name")
  document.getElementById("msg").innerHTML="Greetings " + fname
  }

//-------------------------------------------------------------
//       Изменить размер окна на заданное число пикселов
//-------------------------------------------------------------

function resizeWindow()
  {
  window.resizeBy(100,100)
  }

//-------------------------------------------------------------
//                  Установить размеры окна
//-------------------------------------------------------------

var w=window.open('','', 'width=100,height=100');
w.resizeTo(500,500);

//-------------------------------------------------------------
//        Прокрутка окна на заданное число пикселов
//-------------------------------------------------------------

function scrollWindow()
  {
  window.scrollBy(100,100)
  }

//-------------------------------------------------------------
//            Прокрутка окна в заданную позицию
//-------------------------------------------------------------

function scrollWindow()
  {
  window.scrollTo(100,500)
  }

//-------------------------------------------------------------
//          Установка выполнения функции по таймауту
//-------------------------------------------------------------

var t=setTimeout(function(){alert("Hello")},3000)

//-------------------------------------------------------------
//     Получить высоту и ширину экрана (без учета таскбара)
//-------------------------------------------------------------

document.write("Available Height: " + screen.availHeight);
document.write("Available Width: " + screen.availWidth);

//-------------------------------------------------------------
//       Получить текущее цветовое разрешение экрана
//-------------------------------------------------------------

document.write("Color Depth: " + screen.colorDepth);
document.write("Color resolution: " + screen.pixelDepth);

//-------------------------------------------------------------
//            Получить высоту и ширину экрана
//-------------------------------------------------------------

document.write("Total Height: " + screen.height);
document.write("Total Width: " + screen.width);

//-------------------------------------------------------------
//        Получить информацию о браузере
//-------------------------------------------------------------

document.write("CodeName: " + navigator.appCodeName);
document.write("Name: " + navigator.appName);
document.write("Version info: " + navigator.appVersion);
document.write("Cookies enabled: " + navigator.cookieEnabled);
document.write("Platform: " + navigator.platform);
document.write("User-agent header sent: " + navigator.userAgent);
var x=navigator.onLine;

//-------------------------------------------------------------
//       Получить закладку текущего расположения
//-------------------------------------------------------------

document.write(location.hash);

//-------------------------------------------------------------
//       Получить имя хоста текущего расположения
//-------------------------------------------------------------

document.write(location.host);
document.write(location.hostname);

//-------------------------------------------------------------
//     Получить адрес текущей открытой страницы (полный url)
//-------------------------------------------------------------

document.write(location.href);

//-------------------------------------------------------------
//     Получить адрес текущий открытой страницы (не включая имя хоста)
//-------------------------------------------------------------

document.write(location.pathname);

//-------------------------------------------------------------
//            Получить порт текущего подключения
//-------------------------------------------------------------

document.write(location.port);

//-------------------------------------------------------------
//        Получить протокол текущего подключения
//-------------------------------------------------------------

document.write(location.protocol);

//-------------------------------------------------------------
//      Возвращает параметры http запроса
//     (?email=someone@example.com&action=test)
//-------------------------------------------------------------

document.write(location.search);

//-------------------------------------------------------------
//     Перенаправить текущее окно на новую страницу
//-------------------------------------------------------------

window.location.assign("http://www.w3schools.com");

//-------------------------------------------------------------
//     Перенаправить текущее окно на новую страницу (без сохранения history)
//-------------------------------------------------------------

window.location.replace("http://www.w3schools.com");

//-------------------------------------------------------------
//          Перезагрузить текущую страницу
//-------------------------------------------------------------

location.reload(forceGet)

//-------------------------------------------------------------
//           Получить длину списка истории
//-------------------------------------------------------------

document.write("Number of URLs in history list: " + history.length);

//-------------------------------------------------------------
//       Переместиться на предыдущую загруженную страницу
//-------------------------------------------------------------

function goBack()
  {
  window.history.back()
  }

//-------------------------------------------------------------
//        Переместиться на следующую страницу
//-------------------------------------------------------------

function goForward()
  {
  window.history.forward()
  }

//-------------------------------------------------------------
//    Перемещение по списку истории относительно текущей позиции
//-------------------------------------------------------------

function goBack()
  {
  window.history.go(-2)
  }

//-------------------------------------------------------------
//         Получить количество ссылок в документе
//-------------------------------------------------------------

document.write(document.anchors.length);

//-------------------------------------------------------------
//        Вывести содержимое загруженных cookie
//-------------------------------------------------------------

document.write(document.cookie);

//-------------------------------------------------------------
//        Вывести имя домена текущего документа
//-------------------------------------------------------------

document.write(document.domain);

//-------------------------------------------------------------
//           Вывести количество форм в документе
//-------------------------------------------------------------

document.write(document.forms.length);

//-------------------------------------------------------------
//        Вывести количество изображений в документе
//-------------------------------------------------------------

document.write(document.images.length);

//-------------------------------------------------------------
//      Вывести дату и время последнего изменения текущего документа
//-------------------------------------------------------------

document.write(document.lastModified);

//-------------------------------------------------------------
//     Вывести количество элементов с аттрибутом href в текущем документе
//-------------------------------------------------------------

document.write(document.links.length);

//-------------------------------------------------------------
//      Вывести информацию о стадии загрузки текущего документа
//-------------------------------------------------------------

document.write(document.readyState);

//-------------------------------------------------------------
//          Вывести реферер текущего документа
//-------------------------------------------------------------

document.write(document.referrer);

//-------------------------------------------------------------
//         Вывести заголовок текущего документа
//-------------------------------------------------------------

document.write(document.title);

//-------------------------------------------------------------
//           Вывести URL текущего документа
//-------------------------------------------------------------

document.write(document.URL);

//-------------------------------------------------------------
//          Создание и закрытие нового документа
//-------------------------------------------------------------

function createDoc()
  {
  var doc=document.open("text/html","replace");
  var txt="<html><body>Learning about the HTML DOM is fun!</body></html>";
  doc.write(txt);
  doc.close();
  }

//-------------------------------------------------------------
//          Найти элементов по аттрибуту name
//-------------------------------------------------------------

var x=document.getElementsByName("x");
alert(x.length);

//-------------------------------------------------------------
//              Запись в текущий документ
//-------------------------------------------------------------

document.write("Hello World!");
document.writeln("Have a nice day!");

//-------------------------------------------------------------
//        Получить имя тэга заданного элемента
//-------------------------------------------------------------

document.getElementById("demo").tagName;

//-------------------------------------------------------------
//    Получить значение заданного аттрибута заданного элемента
//-------------------------------------------------------------

document.getElementsByTagName("a")[0].getAttribute("target");
document.getElementsByTagName("a")[0].getAttributeNode("target");

//-------------------------------------------------------------
//       Получить список элементов с определенным тэгом
//-------------------------------------------------------------

var list=document.getElementsByTagName("UL")[0]
list.getElementsByTagName("LI")[0].innerHTML="Milk";

//-------------------------------------------------------------
//         Проверить наличие аттрибута у элемента
//-------------------------------------------------------------

document.getElementsByTagName("BUTTON")[0].hasAttribute("onclick");

//-------------------------------------------------------------
//              Удалить аттрибут у элемента
//-------------------------------------------------------------

document.getElementsByTagName("H1")[0].removeAttribute("style");

var n=document.getElementsByTagName("INPUT")[0];
var a=n.getAttributeNode("type");
n.removeAttributeNode(a);

//-------------------------------------------------------------
//             Добавить атрибут элементу
//-------------------------------------------------------------

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

var atr=document.createAttribute("class");
atr.nodeValue="democlass";
document.getElementsByTagName("H1")[0].setAttributeNode(atr);

//-------------------------------------------------------------
//      Проверить, является ли заданный аттрибут id
//-------------------------------------------------------------

document.getElementById("demo").attributes[0].isId;

//-------------------------------------------------------------
//        Получить имя заданного аттрибута
//-------------------------------------------------------------

document.getElementsByTagName("button")[0].attributes[0].name;

//-------------------------------------------------------------
//      Получить элемента владельца заданного аттрибута
//-------------------------------------------------------------

document.getElementById("demo").attributes[0].ownerElement;

//-------------------------------------------------------------
//    Проверить, задано ли значение определенного аттрибута
//-------------------------------------------------------------

document.getElementById("demo").attributes[0].specified;

//-------------------------------------------------------------
//       Получить значение заданного аттрибута
//-------------------------------------------------------------

document.getElementsByTagName("button")[0].attributes[0].value;

//-------------------------------------------------------------
//         Обработка двойного клика на кнопку
//-------------------------------------------------------------

<button ondblclick="copyText()">Copy Text</button>

//-------------------------------------------------------------
//          Обработка нажатия кнопки мыши
//-------------------------------------------------------------

<p onmousedown="mouseDown()">Click the text!</p>

//-------------------------------------------------------------
//         Обработка события перемещения мыши
//-------------------------------------------------------------

<img onmousemove="bigImg(this)" src="smiley.gif" alt="Smiley" />

//-------------------------------------------------------------
//          Обработка события наведения мыши
//-------------------------------------------------------------

<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley" />

//-------------------------------------------------------------
//    Обработка события потери выхода мыши за пределы элемента
//-------------------------------------------------------------

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley" />

//-------------------------------------------------------------
//         Обработка события отпускания кнопки мыши
//-------------------------------------------------------------

<p onmouseup="mouseUp()">Click the text!</p>

//-------------------------------------------------------------
//               Обработка событий клавиатуры
//-------------------------------------------------------------

<input type="text" onkeydown="displayResult()" />
<input type="text" onkeypress="displayResult()" />
<input type="text" onkeyup="displayResult()" />

//-------------------------------------------------------------
//            Обработка события загрузки документа
//-------------------------------------------------------------

<body onload="load()">

//-------------------------------------------------------------
//         Обработка события изменения размера окна
//-------------------------------------------------------------

<body onresize="showMsg()">

//-------------------------------------------------------------
//             Обработка события выгрузки документа
//-------------------------------------------------------------

<body onunload="goodbye()">

//-------------------------------------------------------------
//       Обработка события потери фокуса текстовым полем
//-------------------------------------------------------------

<input type="text" id="fname" onblur="upperCase()">

//-------------------------------------------------------------
//   Обработка события изменения содержимого текстового поля
//-------------------------------------------------------------

<input type="text" id="fname" onchange="upperCase()" />

//-------------------------------------------------------------
//      Обработка события получения фокуса текстовым полем
//-------------------------------------------------------------

<input type="text" id="fname" onfocus="setStyle(this.id)">

//-------------------------------------------------------------
//   Обработка события выделения текста в текстовом поле
//-------------------------------------------------------------

<input type="text" onselect="showMsg() value="Hello world!" />

//-------------------------------------------------------------
//    Проверить, является ли текущее событие всплывающим событием
//-------------------------------------------------------------

function getEventType(event)
  {
  alert(event.bubbles);
  }

//-------------------------------------------------------------
//     Проверить, допускает ли событие отмену его стандартной обработки
//-------------------------------------------------------------

function isEventCancelable(event)
  {
  alert(event.cancelable);
  }

//-------------------------------------------------------------
//    Выяснить элемент, перехвативший текущее событие (через listener)
//-------------------------------------------------------------

function getEventTrigger(event)
  {
  var x=event.currentTarget;
  alert("The id of the triggered element: "
  + x.id);
  }

//-------------------------------------------------------------
//      Выяснить элемент, перехвативший текущее событие
//-------------------------------------------------------------

function getEventTrigger(event)
  {
  var x=event.target;
  alert("The id of the triggered element: "
  + x.id);
  }

//-------------------------------------------------------------
//        Определяем тип перехваченного события
//-------------------------------------------------------------

function getEventType(event)
  {
  alert(event.type);
  }

//-------------------------------------------------------------
//      Проверяем, была ли нажата клавиша alt при возникновении события
//-------------------------------------------------------------

function isKeyPressed(event)
{
if (event.altKey==1)
  {
  alert("The ALT key was pressed!")
  }
else
  {
  alert("The ALT key was NOT pressed!")
  }
}

//-------------------------------------------------------------
//     Проверяем, какая кнопка мыши была нажата при возникновении события
//-------------------------------------------------------------

event.button=0|1|2

//-------------------------------------------------------------
//    Определяем координаты мыши относительно текущего окна
//    в обработчике события нажатия кнопки мыши
//-------------------------------------------------------------

function show_coords(event)
  {
  var x=event.clientX
  var y=event.clientY
  alert("X coords: " + x + ", Y coords: " + y)
  }

//-------------------------------------------------------------
//     Проверяем, была ли нажата клавиша Ctrl при возникновении события
//-------------------------------------------------------------

function isKeyPressed(event)
{
  if (event.ctrlKey==1)
    {
    alert("The CTRL key was pressed!")
    }
  else
    {
    alert("The CTRL key was NOT pressed!")
    }
  }

//-------------------------------------------------------------
// Получаем элемент относящийся к элементу, возбудившему событие
//-------------------------------------------------------------

function getRelElement(event)
  {
  var txt="The cursor just exited the ";
  txt=txt + event.relatedTarget.tagName + " element.";
  alert(txt);
  }

//-------------------------------------------------------------
//    определяем координаты мыши относительно экрана в обработчике события
//-------------------------------------------------------------

var x=event.screenX
var y=event.screenY
  alert("X coords: " + x + ", Y coords: " + y)

//-------------------------------------------------------------
//    проверяем была ли нажата клавиша shift при возникновении события
//-------------------------------------------------------------

function isKeyPressed(event)
{
if (event.shiftKey==1)
  {
  alert("The shift key was pressed!")
  }
else
  {
  alert("The shift key was NOT pressed!")
  }
}

//-------------------------------------------------------------
//           Создать секцию CDATA
//-------------------------------------------------------------

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('book');
var newCDATA,newtext;

newtext="Special Offer & Book Sale";

for (i=0;i<x.length;i++)
{
newCDATA=xmlDoc.createCDATASection(newtext);
x[i].appendChild(newCDATA);
}

//-------------------------------------------------------------
//         Создать комментарий
//-------------------------------------------------------------

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('book');
var newComment,newtext;
newtext="Revised April 2008";

for (i=0;i<x.length;i++)
{
newComment=xmlDoc.createComment(newtext);
x[i].appendChild(newComment);
}

//-------------------------------------------------------------
//              Создать элемент
//-------------------------------------------------------------

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('book');
var newel,newtext;

for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElement('edition');
newtext=xmlDoc.createTextNode('First');
newel.appendChild(newtext);
x[i].appendChild(newel);
}

//-------------------------------------------------------------
//             Создать текстовый узел
//-------------------------------------------------------------

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('book');
var newel,newtext;

for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElement('edition');
newtext=xmlDoc.createTextNode('First');v newel.appendChild(newtext);
x[i].appendChild(newel);
}

//-------------------------------------------------------------
//           Получить элементы по имени тэга
//-------------------------------------------------------------

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0]
y=x.childNodes[0];
document.write(y.nodeValue);

//Переименование узла

renameNode(node,uri,name)

//-------------------------------------------------------------
//           Получить DTD XML документа
//-------------------------------------------------------------

xmlDoc=loadXMLDoc("note_internal_dtd.xml");
document.write(xmlDoc.doctype);

//-------------------------------------------------------------
//        Получить корневой элемент XML документа
//-------------------------------------------------------------

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.documentElement;

document.write("Nodename: " + x.nodeName + "<br />");
document.write("Nodevalue: " + x.nodeValue + "<br />");
document.write("Nodetype: " + x.nodeType);

//-------------------------------------------------------------
//       Получить DOM Implementation XML документа
//-------------------------------------------------------------

xmlDoc=loadXMLDoc("books.xml");
document.write(xmlDoc.implementation);

//-------------------------------------------------------------
//         Получить параметры XML документа
//-------------------------------------------------------------

xmlDoc=loadXMLDoc("books.xml");

document.write("XML encoding: " + xmlDoc.xmlEncoding);
document.write("<br />");
document.write("XML standalone: " + xmlDoc.xmlStandalone);
document.write("<br />");
document.write("XML version: " + xmlDoc.xmlVersion);
document.write("<br />");
document.write("Encoding when parsing: " + xmlDoc.inputEncoding);

//-------------------------------------------------------------
//          Получить кодировку заданной ссылки
//-------------------------------------------------------------

<html>
<body>

<p><a id="w3s" charset="ISO-8859-1"
href="http://www.w3schools.com">W3Schools.com</a></p>

<script>
document.write(document.getElementById("w3s").charset);
</script>

</body>
</html>

//-------------------------------------------------------------
//          Получить href заданной ссылки
//-------------------------------------------------------------

document.write(document.getElementById("w3s").href);

//-------------------------------------------------------------
//       Получить hreflang заданной ссылки
//-------------------------------------------------------------

<html>
<body>

<p><a id="w3s" hreflang="us-en"
href="http://www.w3schools.com/">W3Schools.com</a></p>

<script>
document.write(document.getElementById("w3s").hreflang);
</script>

</body>
</html>

//-------------------------------------------------------------
//        Получить аттрибут name заданной ссылки
//-------------------------------------------------------------

document.write("Return name of anchor: ");
document.write(document.getElementById("c3").name);

//-------------------------------------------------------------
//          Установить target заданной ссылки
//-------------------------------------------------------------

document.getElementById('w3s').target="_blank";

//-------------------------------------------------------------
//      Получить type заданной ссылки
//-------------------------------------------------------------

<html>
<body>

<p><a id="w3s" type="text/html"
href="http://www.w3schools.com">W3Schools</a></p>

<script>
document.write(document.getElementById("w3s").type);
</script>

</body>
</html>

//-------------------------------------------------------------
//      Обработка события загрузки документа
//-------------------------------------------------------------

<html>
<head>
<script>
function load()
{
alert("Page is loaded");
}
</script>
</head>

<body onload="load()">
<h1>Hello World!</h1>
</body>
</html>

//-------------------------------------------------------------
//            Сделать кнопку неактивной
//-------------------------------------------------------------

document.getElementById("firstbtn").disabled=true;

//-------------------------------------------------------------
//    Определить id формы, которой принадлежит кнопка
//-------------------------------------------------------------

document.write(document.getElementById("button1").form.id);

//-------------------------------------------------------------
//            Получить имя кнопки
//-------------------------------------------------------------

document.write(document.getElementById("button1").name);

//-------------------------------------------------------------
//             Вывести тип кнопки
//-------------------------------------------------------------

function alertType()
{
alert(document.getElementById("myButton").type)
}

//-------------------------------------------------------------
//        Вывести значение(текст) кнопки
//-------------------------------------------------------------

document.write(document.getElementById("button1").value);

//-------------------------------------------------------------
// Вывести текущие значения всех элементов заданной формы
//-------------------------------------------------------------

<html>
<body>

<form id="frm1" action="form_action.asp">
First name: <input type="text" name="fname" value="Donald" /><br />
Last name: <input type="text" name="lname" value="Duck" /><br />
<input type="submit" value="Submit" />
</form>

<script>
var x=document.getElementById("frm1");
for (var i=0;i<x.length;i++)
  {
  document.write(x.elements[i].value);
  document.write("<br />");
  }
</script>

</body>
</html>

//-------------------------------------------------------------
//   Вывести кодировку accept-charset заданной формы
//-------------------------------------------------------------

<html>
<body>

<form id="frm1" accept-charset="ISO-8859-1">
First name: <input type="text" name="fname" value="Donald" /><br />
Last name: <input type="text" name="lname" value="Duck" /><br />
</form>

<script>
document.write(document.getElementById("frm1").acceptCharset)
</script>

</body>
</html>

//-------------------------------------------------------------
//    Вывести action заданной формы
//-------------------------------------------------------------

<html>
<body>

<form id="frm1" action="form_action.asp">
First name: <input type="text" name="fname" value="Donald" /><br />
Last name: <input type="text" name="lname" value="Duck" /><br />
<input type="submit" value="Submit" />
</form>

<script>
document.write(document.getElementById("frm1").action);
</script>

</body>
</html>

//-------------------------------------------------------------
//  Вывести enctype заданной формы
//-------------------------------------------------------------

<html>
<body>

<form>
<form id="frm1" enctype="text/plain">
First name: <input type="text" name="fname" value="Donald" /><br />
Last name: <input type="text" name="lname" value="Duck" /><br />
</form>

<script>
document.write(document.getElementById("frm1").enctype);
</script>

</body>
</html>

//-------------------------------------------------------------
//  Вывести количество элементов заданной формы
//-------------------------------------------------------------

<html>
<body>

<form id="frm1" action="form_action.asp">
First name: <input type="text" name="fname" value="Donald" /><br />
Last name: <input type="text" name="lname" value="Duck" /><br />
<input type="submit" value="Submit" />
</form>

<script>
document.write(document.getElementById("frm1").length);
</script>

</body>
</html>

//-------------------------------------------------------------
//  Вывести method заданной формы
//-------------------------------------------------------------

<html>
<body>

<form id="frm1" action="form_action.asp" method="get">
First name: <input type="text" name="fname" value="Donald" /><br />
Last name: <input type="text" name="lname" value="Duck" /><br />
<input type="submit" value="Submit" />
</form>

<script>
document.write(document.getElementById("frm1").method);
</script>

</body>
</html>

//-------------------------------------------------------------
//  Вывести имя заданной формы
//-------------------------------------------------------------

<html>
<body>

<form id="frm1" name="form1">
First name: <input type="text" name="fname" value="Donald" /><br />
Last name: <input type="text" name="lname" value="Duck" /><br />
</form>

<script>
document.write(document.getElementById("frm1").name);
</script>

</body>
</html>

//-------------------------------------------------------------
//  Вывести target заданной формы
//-------------------------------------------------------------

<html>
<body>

<form id="frm1" action="form_action.asp" target="_blank">
First name: <input type="text" name="fname" value="Donald" /><br />
Last name: <input type="text" name="lname" value="Duck" /><br />
<input type="submit" value="Submit" />
</form>

<script>
document.write(document.getElementById("frm1").target);
</script>

</body>

//-------------------------------------------------------------
//     Программный сброс reset содержимого формы
//-------------------------------------------------------------

<html>
<head>
<script>
function formReset()
{
document.getElementById("frm1").reset();
}
</script>
</head>
<body>

<form id="frm1">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="button" onclick="formReset()" value="Reset form" />
</form>

</body>
</html>

//-------------------------------------------------------------
//         Программный submit формы
//-------------------------------------------------------------

<html>
<head>
<script>
function formSubmit()
{
document.getElementById("frm1").submit();
}
</script>
</head>
<body>

<form id="frm1" action="form_action.asp">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="button" onclick="formSubmit()" value="Submit form" />
</form>

</body>
</html>

//-------------------------------------------------------------
//           Обработка события onreset формы
//-------------------------------------------------------------

<form onreset="alert('The form will be reset')">
Firstname: <input type="text" name="fname" value="Donald" /><br />
Lastname: <input type="text" name="lname" value="Duck" /><br /><br />
<input type="reset" value="Reset" />
</form>

//-------------------------------------------------------------
//        Обработка события onsubmit формы
//-------------------------------------------------------------

<html>
<head>
<script>
function greeting()
{
alert("Welcome " + document.forms["frm1"]["fname"].value + "!")
}
</script>
</head>
<body>

What is your name?<br />
<form name="frm1" action="submit.htm" onsubmit="greeting()">
<input type="text" name="fname" />
<input type="submit" value="Submit" />
</form>

</body>
</html>

//-------------------------------------------------------------
//       Выровнять iframe по правому краю
//-------------------------------------------------------------

document.getElementById("myframe").align="right";

//-------------------------------------------------------------
//         Изменить цвет фона содержимого iframe
//-------------------------------------------------------------

function changeStyle()
{
var x=document.getElementById("myframe");
var y=(x.contentWindow || x.contentDocument);
if (y.document)y=y.document;
y.body.style.backgroundColor="#0000ff";
}

//-------------------------------------------------------------
//        Вывод информации о рамке фрейма
//-------------------------------------------------------------

document.write(document.getElementById("myframe").frameBorder);

//-------------------------------------------------------------
//          Изменение рамки фрейма
//-------------------------------------------------------------

function removeBorder()
{
document.getElementById("myframe").frameBorder="0";
}

//-------------------------------------------------------------
//        Изменить ширину и высоту iframe
//-------------------------------------------------------------

function changeSize()
{
document.getElementById("myframe").height="300";
document.getElementById("myframe").width="300";
}

//-------------------------------------------------------------
//       выводим значения отступов iframe
//-------------------------------------------------------------

document.write(document.getElementById("myframe").marginHeight);
document.write(document.getElementById("myframe").marginWidth);

//-------------------------------------------------------------
//      выводим имя элемента iframe
//-------------------------------------------------------------

document.write(document.getElementById("myframe").name);

//-------------------------------------------------------------
//    устанавливаем и снимаем запрет на изменение размеров iframe
//-------------------------------------------------------------

function disableResize()
  {
  parent.document.getElementById("leftFrame").noResize=true
  parent.document.getElementById("rightFrame").noResize=true
  }
function enableResize()
  {
  parent.document.getElementById("leftFrame").noResize=false
  parent.document.getElementById("rightFrame").noResize=false
  }

//-------------------------------------------------------------
//     удаление скроллбаров в iframe
//-------------------------------------------------------------

function removeScroll()
{
document.getElementById("myframe").scrolling="no";
}

//-------------------------------------------------------------
//    загрузка нового документа в iframe
//-------------------------------------------------------------

function changeSrc()
{
document.getElementById("myframe").src="http://google.com";
}

//-------------------------------------------------------------
//     обработка события onload в iframe
//-------------------------------------------------------------

<html>
<head>
<script>
function load()
{
alert("Frame is loaded");
}
</script>
</head>

<frameset cols="50%,50%">
  <frame src="frame_a.htm" onload="load()" />
  <frame src="frame_b.htm" />
</frameset>

</html>

//-------------------------------------------------------------
//     изменение выравнивания изображения
//-------------------------------------------------------------

function alignImg()
{
document.getElementById("compman").align="right";
}

//-------------------------------------------------------------
//  получить аттрибут alt изображения
//-------------------------------------------------------------

document.write(document.getElementById("compman").alt);

//-------------------------------------------------------------
//  изменение рамки изображения
//-------------------------------------------------------------

function addBorder()
{
document.getElementById("compman").border="2";
}

//-------------------------------------------------------------
//  вывести статус загрузки изображения
//-------------------------------------------------------------

function alertComplete()
{
alert("Image loaded: " + document.getElementById("compman").complete);
}

//-------------------------------------------------------------
//  установить ширину и высоту изображения
//-------------------------------------------------------------

function changeSize()
{
document.getElementById("compman").height="250";
document.getElementById("compman").width="300";
}

//-------------------------------------------------------------
//  установить vspace и hspace изображения
//-------------------------------------------------------------

function setSpace()
{
document.getElementById("compman").hspace="50";
document.getElementById("compman").vspace="50";
}

//-------------------------------------------------------------
// вывести значение аттрибута longdesc изображения
//-------------------------------------------------------------

var x=document.getElementById("compman");
document.write(document.getElementById("compman").longDesc);

//-------------------------------------------------------------
//   используем аттрибут lowsrc (low resolution) изображения
//-------------------------------------------------------------

var x=document.getElementById("compman");
document.write('<a href="' + x.lowsrc + '">Low resolution</a>');

//-------------------------------------------------------------
//         выводим аттрибут name изображения
//-------------------------------------------------------------

document.write("Image name: ");
document.write(document.getElementById('compman').name);

//-------------------------------------------------------------
//      загружаем другое изображение в элемент img
//-------------------------------------------------------------

function changeSrc()
  {
  document.getElementById("myImage").src="hackanm.gif";
  }

//-------------------------------------------------------------
//       обработка события onabort изображения
//-------------------------------------------------------------

<img src="image_w3default.gif" onabort="abortImage()" />

//-------------------------------------------------------------
//       обработка события onerror изображения
//-------------------------------------------------------------

<img src="image.gif" onerror="alert('The image could not be loaded.')" />

//-------------------------------------------------------------
//       обработка события onload изображения
//-------------------------------------------------------------

<img src="w3javascript.gif" onload="loadImage()" />

//-------------------------------------------------------------
//        установка и сброс элемента checkbox формы
//-------------------------------------------------------------

function check()
  {
  document.getElementById("check1").checked=true
  }
function uncheck()
  {
  document.getElementById("check1").checked=false
  }

//-------------------------------------------------------------
//   проверка, является ли checkbox установленным по дефолту
//-------------------------------------------------------------

<html>
<head>
<script>
function displayResult()
{
var x=document.getElementById("myCheck").defaultChecked;
alert(x);
}
</script>
</head>
<body>

<form>
<input type="checkbox" id="myCheck" checked="checked" />Do you like summer?
</form>

<button type="button" onclick="displayResult()">Is the checkbox checked by default?</button>

</body>
</html>

//-------------------------------------------------------------
//    проверка допустимых типов файлов в элементе выбора файла формы
//-------------------------------------------------------------

<html>
<head>
<script>
function displayResult()
{
var x=document.getElementById("fname").accept;
alert(x);
}
</script>
</head>
<body>

<form id="form1">
Select a file to upload:
<input type="file" id="fname" size="50" accept="video/*" />
</form>

<button type="button" onclick="displayResult()">Display accepted file types</button>

</body>
</html>

//-------------------------------------------------------------
//   определение значения по умолчанию текстового поля формы
//-------------------------------------------------------------

<html>
<head>
<script>
function displayResult()
{
var x=document.getElementById("email").defaultValue;
alert(x);
}
</script>
</head>
<body>

<form>
Email: <input type="text" id="email" value="someone@example.com" />
</form>

<button type="button" onclick="displayResult()">Display default value</button>

</body>
</html>

//-------------------------------------------------------------
//    определение максимальной длины текстового поля формы
//-------------------------------------------------------------

<html>
<head>
<script>
function displayResult()
{
var x=document.getElementById("email").maxLength;
alert(x);
}
</script>
</head>
<body>

<form>
Email: <input type="text" id="email" maxlength="30" />
</form>

<button type="button" onclick="displayResult()">Display max number of characters allowed</button>

</body>
</html>

//-------------------------------------------------------------
//   устанавливаем режим read-only для текстового поля формы
//-------------------------------------------------------------

<html>
<head>
<script>
function setResult()
{
document.getElementById("email").readOnly=true;
}
</script>
</head>
<body>

<form>
Email: <input type="text" id="email" />
</form>

<button type="button" onclick="setResult()">Set read-only</button>

</body>
</html>

//-------------------------------------------------------------
//       устанавливаем ширину текстового поля формы
//-------------------------------------------------------------

<head>
<script>
function setResult()
{
document.getElementById("email").size=40;
}
</script>
</head>
<body>

<form>
Email: <input type="text" id="email" />
</form>

<button type="button" onclick="setResult()">Set width</button>

</body>
</html>

//-------------------------------------------------------------
//      выделяем содержимое текстового поля формы
//-------------------------------------------------------------

<html>
<head>
<script>
function myFunction()
{
document.getElementById("email").select();
}
</script>
</head>
<body>

<form>
Email: <input type="text" id="email" value="someone@example.com" />
</form>

<button type="button" onclick="myFunction()">Select content</button>

</body>
</html>

//-------------------------------------------------------------
//  проверяем, является ли элемент выбранным по умолчанию в радиогруппе
//-------------------------------------------------------------

<html>
<head>
<script>
function displayResult()
{
var x=document.getElementById("blue").defaultChecked;
alert(x);
}
</script>
</head>
<body>

<form>
What color do you prefer?<br />
<input type="radio" name="colors" id="red" />Red<br />
<input type="radio" name="colors" id="blue" checked="checked" />Blue<br />
<input type="radio" name="colors" id="green" />Green
</form>

<button type="button" onclick="displayResult()">Is "Blue" checked by default?</button>

</body>
</html>

//-------------------------------------------------------------
//  проверяем, является ли элемент выбранным в радиогруппе
//-------------------------------------------------------------

<html>
<head>
<script>
function check()
  {
  document.getElementById("red").checked=true
  }
function uncheck()
  {
  document.getElementById("red").checked=false
  }
</script>
</head>
<body>

<form>
What color do you prefer?<br />
<input type="radio" name="colors" id="red" />Red<br />
<input type="radio" name="colors" id="blue" />Blue<br />
<input type="radio" name="colors" id="green" />Green
</form>

<button type="button" onclick="check()">Check "Red"</button>
<button type="button" onclick="uncheck()">Uncheck "Red"</button>

</body>
</html>

//-------------------------------------------------------------
//   вывести содержимое всех meta тэгов в документе
//-------------------------------------------------------------

<html>
<head>
<meta name="keywords" content="HTML, DHTML, CSS, XHTML, JavaScript" />
<meta name="description" content="Free Web tutorials" />
<meta name="author" content="Hege Refsnes" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

<script>
function displayResult()
{
var x=document.getElementsByTagName("meta");
var txt="";
for (var i=0;i<x.length;i++)
{
txt=txt+"Content of "+(i+1)+". meta tag: "+x[i].content+"<br />";
}
document.getElementById("result").innerHTML=txt;
}
</script>

</head>
<body>

<button type="button" onclick="displayResult()">Display Meta Content</button>

<p id="result"></p>

</body>
</html>

//-------------------------------------------------------------
//  получить индекс и текст выбранного элемента в списке select
//  проверяем, выделен ли элемент, который выделен в списке по дефолту
//-------------------------------------------------------------

<html>
<head>
<script>
function displayResult()
{
var x=document.getElementById("mySelect").selectedIndex;
var y=document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " is " + y[x].text);
}
</script>
</head>
<body>

<form>
Select your favorite fruit:
<select id="mySelect">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>
</form>

<button type="button" onclick="displayResult()">Display index</button>

</body>
</html>

//-------------------------------------------------------------
//    выводим количество элементов в списке select
//-------------------------------------------------------------

<html>
<head>
<script>
function displayResult()
{
alert(document.getElementById("mySelect").length);
}
</script>
</head>
<body>

<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
</form>

<button type="button" onclick="displayResult()">How many options?</button>

</body>
</html>

//-------------------------------------------------------------
//  устанавливаем режим мультивыбора для элемента select
//-------------------------------------------------------------

<html>
<head>
<script>
function displayResult()
  {
  document.getElementById("mySelect").multiple=true;
  }
</script>
</head>
<body>

<form>
<select id="mySelect" size="4">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
</form>

<button type="button" onclick="displayResult()">Allow multiple selection</button>

</body>
</html>

//-------------------------------------------------------------
//  устанавливаем число одновременно видимых элементов
//   в выпадающем списке select
//-------------------------------------------------------------

<html>
<head>
<script>
function displayResult()
  {
  document.getElementById("mySelect").size=4;
  }
</script>
</head>
<body>

<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
</form>

<button type="button" onclick="displayResult()">Change size</button>

</body>
</html>

//-------------------------------------------------------------
//      добавляем элемент в конец списка select
//-------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function displayResult()
{
var x=document.getElementById("mySelect");
var option=document.createElement("option");
option.text="Kiwi";
try
  {
  // for IE earlier than version 8
  x.add(option,x.options[null]);
  }
catch (e)
  {
  x.add(option,null);
  }
}
</script>
</head>
<body>

<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
</form>

<button type="button" onclick="displayResult()">Insert option</button>

</body>
</html>

//-------------------------------------------------------------
//   удаляем выделенный элемент из списка select
//-------------------------------------------------------------

<html>
<head>
<script>
function removeOption()
{
var x=document.getElementById("mySelect");
x.remove(x.selectedIndex);
}
</script>
</head>
<body>

<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
<input type="button" onclick="removeOption()" value="Remove option">
</form>

</body>
</html>

//-------------------------------------------------------------
//       устанавливаем ширину элемента textarea
//-------------------------------------------------------------
<html>
<head>
<script>
function displayResult()
{
var textarea=document.getElementById("myTextarea");
textarea.cols=document.getElementById("myInput").value;
}
</script>
</head>
<body>

<textarea id="myTextarea" cols="20">
At W3Schools you will find all the Web-building tutorials you need, from basic HTML to advanced XML, SQL, ASP, and PHP.
</textarea>
<br />

<p>Set cols attribute value: <input type="text" id="myInput" value="60" />
<button type="button" onclick="displayResult()">Change cols attribute</button></p>

</body>
</html>

//-------------------------------------------------------------
//       устанавливаем высоту элемента textarea
//-------------------------------------------------------------
<html>
<head>
<script>
function displayResult()
{
document.getElementById("myTextarea").rows=10;
}
</script>
</head>
<body>

<textarea id="myTextarea" cols="20">
At W3Schools you will find all the Web-building tutorials you need, from basic HTML to advanced XML, SQL, ASP, and PHP.
</textarea>
<br />

<button type="button" onclick="displayResult()">Change number of visible rows</button>

</body>
</html>

//-------------------------------------------------------------
//       выделяем содержимое textarea
//-------------------------------------------------------------
<html>
<head>
<script>
function displayResult()
{
document.getElementById("myTextarea").select();
}
</script>
</head>
<body>

<textarea id="myTextarea" cols="20">
At W3Schools you will find all the Web-building tutorials you need, from basic HTML to advanced XML, SQL, ASP, and PHP.
</textarea>
<br />

<button type="button" onclick="displayResult()">Select contents of text area</button>

</body>
</html>

//-------------------------------------------------------------
//    выводим значение по умолчанию для элемента textarea
//-------------------------------------------------------------
<html>
<head>
<script>
function displayResult()
{
alert(document.getElementById("myTextarea").defaultValue);
}
</script>
</head>
<body>

<textarea id="myTextarea" cols="20">
At W3Schools you will find all the Web-building tutorials you need, from basic HTML to advanced XML, SQL, ASP, and PHP.
</textarea>
<br />

<button type="button" onclick="displayResult()">Alert default value</button>

</body>
</html>

//-------------------------------------------------------------
//  выводим количество ячеек в первом ряду заданной таблицы
//-------------------------------------------------------------

<html>
<head>
<script>
function displayResult()
{
alert(document.getElementById("myTable").rows[0].cells.length);
}
</script>
</head>
<body>

//-------------------------------------------------------------
//      выводим количество строк в таблице
//-------------------------------------------------------------
<html>
<head>
<script>
function displayResult()
{
alert(document.getElementById("myTable").rows.length);
}
</script>
</head>
<body>

<table id="myTable" border="1">
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>
  <tr>
    <td>cell 3</td>
    <td>cell 4</td>
  </tr>
</table>
<br />
<button type="button" onclick="displayResult()">Show number of rows in table</button>

</body>
</html>
<table id="myTable" border="1">
  <tr>
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>
  <tr>
    <td>cell 3</td>
    <td>cell 4</td>
  </tr>
</table>
<br />
<button type="button" onclick="displayResult()">Show number of cells</button>

</body>
</html>

//-------------------------------------------------------------
//    выводим количество элементов tBodies в таблице
//-------------------------------------------------------------
<html>
<head>
<script>
function displayResult()
{
alert(document.getElementById("myTable").tBodies.length);
}
</script>
</head>
<body>

<table id="myTable" border="1">
  <tbody>
    <tr>
      <td>cell 1</td>
      <td>cell 2</td>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td>cell 3</td>
      <td>cell 4</td>
    </tr>
  </tbody>
</table>
<br />
<button type="button" onclick="displayResult()">Show number of tbodies in table</button>

</body>
</html>