Karakterlánc hosszának kiszámolása
JS. programunkkal, számoltassuk ki, az adott objektumban található karakterlánc hosszát.
Majd teszteljük az eredményt, Internet Explore "IE" és Mozila "MA" böngészőkkel
Mozila Firefox verziója: 3.0.17
Internet Explorer verziója: IE - 7; és IE - 8
JS programja:
var celpont = document.getElementById("ddd2");
ddd2hossza=(celpont.innerHTML.length);
kiiras = document.getElementById ("h61");
kiiras.innerHTML += ddd2hossza;
A következő div szakasz <div id="ddd2"> tartalmaz kettő bekezdést:
1. esetben:<div id="ddd2"><p>E</p><p>E</p></div> =16 karakter. Program szerint: IE=18______MA=16
2. esetben: <div id="ddd2"><p>Ez</p><p>Ez</p></div> = 18 karakter. Program szerint: IE=20______MA=18
3. esetben: <div id="ddd2"><p>Eze</p><p>Eze</p></div> = 20 karakter. Program szerint: IE=22______MA=20
4. esetben: <div id="ddd2"><p>Ezek</p><p>Ezek</p></div> = 22 karakter. Program szerint: IE=24______MA=22
5. esetben:
<div id="ddd2"><p>Ez egy bekezdés</p><p>Ez is egy bekezdés</p></div>
Ha megszámoljuk, akkor az érték =47 karakter.
Program szerint: IE=49______MA=47
6. esetben: <div id="ddd2"><p>E</p><p>E</p><p>E</p><p>E</p></div> = 32 karakter.
Program szerint: IE=38______MA=32
E
E
E
E
Karakterlánc hosszának programszerinti eredménye =
Megjegyzés a karakterlánc hosszának értékéről:
Ha megszámoljuk, akkor 16 karakterelem van az adott karakterláncban. <p>E</p><p>E</p>
EXPLOR esetében mindegyik esetben az eredmény = 18
MOZILA esetében, más és más értéket kapunk a következő esetekben:
<div id="ddd2"><p>E</p><p>E</p></div> Eredménye = 16
<div id="ddd2">
<p>E</p><p>E</p></div> Eredménye = 17
<div id="ddd2">
<p>E</p>
<p>E</p></div> Eredménye = 18
<div id="ddd2">
<p>E</p>
<p>E</p>
</div> Eredménye = 19
A 6.pontban látható példa esetében, 32 karakterelem van. A program szerint: IE=38; MA=32
Ha így írjuk le:
<div id="ddd2">
<p>E</p>
<p>E</p>
<p>E</p>
<p>E</p>
</div> Program szerinti eredmény: IE=38; MA=37
Nézzünk példát, egy adott bekezdésben elhelyezett szöveg hosszára
XHTML programunk
<h6 id="h62" class="celpont">Karakterlánc hosszának programszerinti eredménye = </h6>
<p id="ph1">Ez egy bekezdés</p>
JavaScript programunk
var celpont2 = document.getElementById("ph1");
ph1hossza=(celpont2.innerHTML.length);
kiiras2 = document.getElementById ("h62");
kiiras2.innerHTML += ph1hossza;
1. esetben <p id="ph1">Ez egy bekezdés</p> Karakter+szóköz=15
Program szerint: IE=15______MA=15
2. esetben <p id="ph1">Ez <br /> egy bekezdés</p> Karakter+szóköz+<br />=22
Program szerint: IE=19______MA=20
3. esetben <p id="ph1">Ez <br /> egy <br /> bekezdés</p> Karakter+szóköz+<br />+<br />=29
Program szerint: IE=23______MA=25
4. esetben <p id="ph1"><br /></p> Eredmény = <+b+r+Szóköz+/+> =6
Program szerint: IE=4______MA=4
5. esetben <p id="ph1"><br /> <br /></p> Karakter+szóköz+<br />+<br />=13
Program szerint: IE=8______MA=9
6. esetben <p id="ph1"> <br /> <br /> </p> Karakter+szóköz+jelölőelemek=15
Program szerint: IE=8______MA=11
7. esetben <p id="ph1"><span class="karakterelemek"> <br /> <br /> </span></p>
Karakter+szóköz+jelölőelemek=51
Program szerint: IE=42______MA=47
8. esetben <p id="ph1"><span class="karakterelemek"> E <br /> E <br /> E </span></p>
Karakter+szóköz+jelölőelemek=57
Program szerint: IE=48______MA=53
E
E
E
A 8.pontban látható példa esetében, 57 karakterelem van. A program szerint: IE=48; MA=53
Ha így írjuk le:
<p id="ph1">
<span class="karakterelemek"> E <br />
E <br />
E </span>
</p>
Program szerint: IE=48______MA=57
Karakterlánc hosszának programszerinti eredménye =
Összegezve:
Ha a szöveget, folyamatosan írjuk, eredményül IE és MA egyforma hosszértéket ad vissza.
Sorlezáró elemnél <br /> a szóközt és a per jelet egyik sem veszi figyelembe. Hossz értéke = 4
Az ENTER leütését, csak a MOZILA adja hozzá a karakterlánc hosszához.
Külső JavaScript fájl, melyet a dokumentum végén helyezünk el:
<script language="JavaScript" type="text/javascript" src="elérési út.js"> </script>