var div = document.createElement('div');
div.className = "box";
div.id='test';
div.innerHTML = '[Niedrzwica Duża]';
div.setAttribute('index', 100);

<script type="text/javascript">
function add() {
var text = document.createTextNode("Warszwa, Lublin");
var bold = document.createElement("b");
var el = document.getElementById("mapa");
bold.appendChild(text);
el.appendChild(bold);
}
</script>
<div id="mapa"></div>
<script type="text/javascript">add() </script>

<!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
 <head>
  <title> New Document </title>
  <script src=”debug_js.js” type=”text/javascript”></script>
  <script language=”JavaScript”>
  <!–
 function getE(id) {
  return document.getElementById(id);
 }

 function test() {
  deb_write(deb_prop(getE(‘tests’),true));
 }

 function test2() {
      var div = document.createElement(„span”);
      div.style.font = ’12px Arial, Verdana, Tahoma’;
      div.style.position = „absolute”;
   div.style.background = ‘#fefefe’;
     div.style.padding = ’2px’;
   div.id = „s1″;
   div.innerHTML = ‘Warszawa, Warszawa, Warszawa, Warszawa’;
   var d2 = getE(‘tests2′);
      d2.appendChild(div);

   deb_write(deb_prop(getE(‘s1′),true));
 }

  //–>
  </script>
 </head>

 <body>
  <div id=”tests”>Polska Warszawa Polska Warszawa</div>
  <div id=”tests2″></div>

  <input type=”button” value=”Test” onclick=”test()”>
  <input type=”button” value=”Test2″ onclick=”test2()”>
 </body>
</html>

var div = document.createElement(‘div’);
div.style.width = ’1px’;
div.style.height = ’1px’;
div.style.background = ‘gray’;
map.getContainer().appendChild(div);

var cell = document.createElement("td");
inp = document.createElement("input");
if(idx>-1) {
inp.value = sel.options[idx].text; }
inp.type = "text";
inp.name = "numer_"+nr;
inp.size = 45;
inp.readOnly = true;
cell.appendChild(inp);

readOnly – Only musi byc z duzą literą( ale chyba tylko dla IE)

var rA = document.createElement(‘a’);

rA.setAttribute(‘href’, ‘javascript:removeRow(\’n’ + count + ‘\’);’);
rA.appendChild(document.createTextNode(‘Remove’));

function removeRow(rowId) {
 var elem = document.getElementById(rowId));
…
}

var element = document.getElementById(id);

var p = document.createElement(„p”);
var pText = document.createTextNode(„Szczególy”);
p.appendChild(pText);

if( p.style.setAttribute )
    p.setAttribute(„className”, „t”);
else
    p.setAttribute(„class”, „t”);

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME=”Author” CONTENT=”">
<SCRIPT LANGUAGE=”JavaScript”>
<!– 
 function ukryjtab(id) {

  var element = document.getElementById(id);
   while (element.firstChild) {
    element.removeChild(element.firstChild);
   }
 }

    function dodajtab(id) {

        var element = document.getElementById(id);
        var tbl     = document.createElement(„table”);
        var tblBody = document.createElement(„tbody”);

        for (var j = 0; j < 2; j++) {
            var row = document.createElement(„tr”);
            for (var i = 0; i < 2; i++) {

                var cell = document.createElement(„td”);
                var cellText = document.createTextNode(„komórka nr: „+j+”, kolumna nr: „+i);
                cell.appendChild(cellText);
                row.appendChild(cell);
            }
            tblBody.appendChild(row);
        }

        tbl.appendChild(tblBody);
        element.appendChild(tbl);
        tbl.setAttribute(„border”, „1″);
    }
//–>
</SCRIPT>
</HEAD>

<BODY>
<TABLE border=”1″>
<TR>
 <TD>fiat stilo</TD>
 <TD>1,6</TD>
 <TD><input type=”button” name=”wybor” value=”pokaz” onClick=”dodajtab(2)”><input type=”button” name=”wybor” value=”ukryj” onClick=”ukryjtab(2)”></TD>
</TR>
<TR>
 <TD colspan=”3″ id=”2″></TD>
</TR>
<TR>
 <TD>fiat panda</TD>
 <TD>1,1</TD>
 <TD>&nbsp;</TD>
</TR>
</TABLE>
</BODY>
</HTML>