innerText, innerHTML, Dynamical style write Document |
Belajar get innerhtml javascript, innerText, Dinamical style, document Write - Dalam Tutorial Js Kali ini kita, kita akan membahas tentang javascript innerhtml tag, dan innerText tag, serta bagaimana kita mengubah style Attributes Html style dengan menggunakan media Js, untuk apakah kita susah payang melakukan hal tersebut, sebenarnya dalam methode javascript code kota wajib tau semua fungsi penting dalam pengolahan Javascript code tersebut.
Mari kita mulai tutorial hari ini dengan megetahui fungsi dasar dari tutorial js kali ini, diantara yang meski kita perhatikan andalah add style javascript serta javascript document html, karena memang hal ini merupakan code yang nati akan sering di pakai dalam penggunaan Js tersebut.
Mari kita mulai dengan definisi Code yang kita bahas kali ini :
InnerHtml
adalah Javascript yang mengubah string menjadi mode html, yang kemudian kode htmlnya mampu di baca oleh Javascript tersebut.
InnerTextsebuh fungsi html yang hasilnya nanti dalam bentuk text, walaupun ada code htmlnya, modenya tetap mode text dan code html akn tampil apa adanya.
Dinamical Styleadalah sebuh cara dalam javascript yang bisa molah style kode dalam bentuk Js dan
Document Writeadalah sebuah kode javascript yang berfungsi untuk mnampilkan data semua document Js.
mari kita mulai tuorial contoh pelajaran
tutorial jskali ini dengan gambaran contoh sederhana seperti di bawah ini
Contoh innerText Document.getElementById('id').innerText();script Js di atas merupakan contoh sederhana dari innerText untuk Contoh Js komplitnya seperti ini
<div id="ready"></div>
<button title="klik();">tekan</button>
<script>
function klik(){ document.getElementById('ready').innerText=" <b>Html</b> data berhasil di exsekusi oke";
}
</script>
Contoh InnerHtml
Untuk contoh innerhtml tag bisa di lihat example di bawah ini langsung :
sekarang kita gabungkang innerhml dengan kombinasi Html Code, bisa di lihat di bawah ini:
<div
id="fist1">Text fist</div>
<br>
<button title="on1();">ADD</button>
<script>
function on1(){
document.getElementById('fist1').innerHTML=" <b>blod html</b> <u>underline</u> <i>Italic</i> html script Code";
}
</script>
Contoh Dynamic Style
Mari kita mulai contoh sederhana dari dynimic style tersebut dengan code sederhana Javascript di awah ini :
document.getElementById('id').style.fontSize="30px";untuk cobtoh combinasi Javascript Code lengkap bisa di lihat di bawah ini :
<span id="show">data awal</span>
<br>
<button title="ganti();">tekan</button>
<br><br>
<br><br>
<script>
function ganti(){ document.getElementById('show').style.color="red";
}
</script>
Contoh Document write
simple Javascript document.write bisa di lihat di bawah ini
document.write('script or text');untuk contoh lebih lengkap bisa di lihat langsung :
<div id="tampil"></div>
<br>
<button title="onc();"> write
data</button>
<br>
<script>
function onc(){
document.write('show write');
}
</script>
Tutorial get innerhtml javascript, juga tentang document html javascript kali ini cukup sekian kita lanjut dengan tutorial selanjutnya salam Js. semoga manfaat.