Скопируйте код кода следующим образом:
<html>
<голова>
<title></title>
<скрипт>
/*
Как получить объект узла документа:
*/
//Первый получается по id
функция документаДемо(){
var tableNode = document.getElementById("tab_id");
tableNode.style.border = "5px сплошной #00ff00";
}
//Во-вторых, через атрибут имени
функция документDemo2(){
var inputNode = document.getElementsByName("txt");
оповещение(inputNode.length);
оповещение (inputNode[0].value);
}
//Третий тип, через имя тега
функция документDemo3(){
var tdNode = document.getElementsByTagName("td");
оповещение(tdNode.length);
for(var x = 0; x <tdNode.length;x++){
оповещение(tdNode[x].innerText);
}
}
</скрипт>
<style type="text/css">
.onediv{
ширина: 200 пикселей;
высота: 100 пикселей;
граница: 1 пиксель, сплошной #f00;
поле-верх: 20 пикселей;
}
таблица, тд {
граница: 1 пиксель, сплошной #00f;
ширина: 200 пикселей;
поле-верх: 20 пикселей;
выравнивание текста: по центру;
}
</стиль>
</голова>
<тело>
<input type="button" value="демонстрация объекта документа" onclick="documentDemo3()"><br/>
<дел>
Это содержимое в div
</div>
<input type="txt" name="txt" >
<input type="txt" name="txt" >
<table cellpacing="0" id="tab_id">
<тр>
<td>Ява</td>
<td>php</td>
</tr>
<тр>
<td>.net</td>
<td>ios</td>
</tr>
</таблица>
<span>Это область диапазона</span> <br/>
<a href="#">Это гиперссылка</a>
<тело>
</html>