<div id='t1'>Текст!</div>
<input type="text" id='k1' value='текст'>
<script>
document.getElementById('t1').style.color='red';
alert(document.getElementById('k1').value);
</script>

<input type="text" name="a1" value='текст'>
<input type="text" name="a1" value='еще текст'>
<script>
alert(document.getElementsByName('a1').item(0).value);
// или 
alert(document.getElementsByName("a1")[1].value);
</script>

↑ этот пример в отдельном окне

<input type="text" name="a1" value='текст'>
<div> еще текст</div>
<script>
alert(document.getElementsByTagName('input').item(0).value);
// или 
alert(document.getElementsByTagName("div")[0].innerHTML);
</script>

↑ этот пример в отдельном окне

var t='текст';
alert(t.charAt(1));
//вернет символ "е".

var t='а';
alert(t.charCodeAt(0));
//вернет 1072

var t='тут много текста';
alert(t.indexOf('мн',1));
//вернет 4 т.к 'мн' начинается с 4-го символа в строке.

<div  id='r'>
  <p>1111</p>
  <p>2222</p>
  <p>3333</p>
</div> 
<script>
var r=document.getElementById("r");
i=0;
 for (i=0; i<r.childNodes.length; i++){ 
  alert(r.childNodes[i].innerHTML);
  }
</script>

<div  id='r'>
  <p>1111</p>
  <p>2222</p>
  <p>3333</p>
</div> 
<script>
var r=document.getElementById("r");
i=0;
 for (i=0; i<r.children.length; i++){ 
  alert(r.children[i].innerHTML);
  }
</script>

<div  class='cldiv' onclick="alert(this.className)">
        Много текста 
</div>

<div  id='r' style='height:90px; border:1px solid; padding:10px'>
    Много текста <BR>
</div>
<script> 
alert(document.getElementById('r').clientHeight);
</script>

<div  id='r' style='height:90px; border:1px solid; padding:10px'>
    Много текста <BR>
</div>
<script> 
alert(document.getElementById('r').clientWidth);
</script>

<div  id='r' style='height:90px; border:10px solid;'>
    Много текста <BR>
</div>
<script> 
alert(document.getElementById('r').clientTop);
</script>

<div  id='r' style='height:90px; border:10px solid;'>
    Много текста <BR>
</div>
<script> 
alert(document.getElementById('r').clientLeft);
</script>

<div id='r' contentEditable='true' style='border:1px red solid;'>
  Впиши сюда текст
</div>

<div id='r' style='height:90px; border:10px solid; color:black;'>
    Много текста  
</div>
<script> 
for (MyElement in document.getElementById('r').currentStyle)
{
alert(MyElement+': '+document.getElementById('r').currentStyle[MyElement]);
}
</script>

<div id='r'><span>Много разного</span> текста</div> 
<script> 
document.getElementById('r').firstChild.style.color='red';
</script>

<div id='r'>Много текста...</div>
<script>
alert('Получили: '+document.getElementById('r').innerHTML);
document.getElementById('r').innerHTML=
"<p style='color:red;'><b>Много текста...</b></p>";
</script>

<div id='r'><b>Много текста...</b></div>
<script>
alert('Получили: '+document.getElementById('r').innerText);
</script>

<div id='r'><span>Много текста...</style></div>
<script>
alert('Получили: '+document.getElementById('r').outerHTML );
document.getElementById('r').outerHTML =
"<p style='color:red;'><b>Много текста...</b></p>";
</script>

<div id='r'><span>Много текста...</style></div>
<script>
alert('Получили: '+document.getElementById('r').outerText);
document.getElementById('r').outerText=
"<p style='color:red;'><b>Много текста...</b></p>";
</script>

<div id='r'><span>Много разного</span> <span>текста</span></div> 
<script> 
document.getElementById('r').lastChild.style.color='red';
</script>

<div id='r'><span>Много разного</span> текста</div>
  <div> Первый сосед для id='r'</div>
<script>
document.getElementById('r').nextSibling.style.color='red';
</script>

<div id='r'>sdsd</div>
   <script type="text/javascript">
    var doc=document.getElementById('r');
alert(doc.nodeName);
   </script>

<div id='r'>sdsd</div>
   <script type="text/javascript">
    var doc=document.getElementById('r');
alert(doc.nodeType);
   </script>

↑ этот пример в отдельном окне

   <div id='r'> Много текста </div>
   <div id='rr'> Много <br> текста </div>
   <script type="text/javascript"> 
  alert('Высота первого элемента: '+
    document.getElementById('r').offsetHeight);
  alert('Высота второго элемента: '+ 
    document.getElementById('rr').offsetHeight);
   </script>

   <span id='r'> Много текста </span>  
   <span id='rr'> Много разного текста </span>
   <script type="text/javascript"> 
  alert('Высота первого элемента: '+
    document.getElementById('r').offsetWidth);
  alert('Высота второго элемента: '+ 
    document.getElementById('rr').offsetWidth);
   </script>

<div style='padding:10px; border:1px solid;'>
   <div id='r' style='border:1px blue solid;'> Много текста </div>   
</div>
   <script type="text/javascript"> 
 alert('Отступ от родителя: '+document.getElementById('r').offsetLeft+'рх');
   </script>

<div style='padding:10px; border:1px solid;'>
   <div id='r' style='border:1px blue solid;'> Много текста </div>   
</div>
   <script type="text/javascript"> 
 alert('Отступ от родителя: '+document.getElementById('r').offsetTop+'рх');
   </script>

<div style='padding:10px; border:1px solid;'> Родитель 
   <div id='r' style='border:1px blue solid;'> Много текста </div>   
</div>
   <script type="text/javascript"> 
   document.getElementById('r').offsetParent.style.border = '6px solid red';
   </script>

<div id='r'><span>Много текста...</style></div>
<script>
var el = document.createElement('span'); 
document.getElementById('r').appendChild(el);
alert(el.ownerDocument.documentElement.nodeName);
</script>