Dodanie atrybutu do diva


var div = document.createElement('div');
div.className = "box";
div.id='test';
div.innerHTML = '[<a href="http://mapy.emiejsca.pl/niedrzwica_duza_niedrzwica_duza_lubelski_lubelskie,mapa.html">Niedrzwica Duża</a>]';
div.setAttribute('index', 100);

Dynamiczne dodanie markera span

<!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>

Dynamiczne dodawanie pola pola typu readonly

var cell = document.createElement("td");
inp = document.createElement("input");
if(idx&gt;-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)

Dynamiczne dodanie markera A do strony

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));

}

Dodawanie dynamiczne tabeli do komórki innej tabeli


<p class="mce_ws_kod">&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt; New Document &lt;/TITLE&gt;
&lt;META NAME="Author" CONTENT=""&gt;
&lt;SCRIPT LANGUAGE="JavaScript"&gt;
&lt;!-- 
 function ukryjtab(id) {

<p class="mce_ws_kod">  var element = document.getElementById(id);
   while (element.firstChild) {
    element.removeChild(element.firstChild);
   }
 }
<p class="mce_ws_kod">    function dodajtab(id) {</p>

<p class="mce_ws_kod">        var element = document.getElementById(id);
        var tbl     = document.createElement("table");
        var tblBody = document.createElement("tbody");

<p class="mce_ws_kod">        for (var j = 0; j &lt; 2; j++) {
            var row = document.createElement("tr");
            for (var i = 0; i &lt; 2; i++) {

<p class="mce_ws_kod">                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);
        }

<p class="mce_ws_kod">        tbl.appendChild(tblBody);
        element.appendChild(tbl);
        tbl.setAttribute("border", "1");
    }
//--&gt;
&lt;/SCRIPT&gt;
&lt;/HEAD&gt;

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