innerhtml

ปรับปรุง : 2559-07-28 (เริ่มต้น)

JavaScript Display Possibilities

จาวาสคลิ๊ปสามารถแสดงข้อมูลด้วยวิธีที่แตกต่างกันหลายวิธี
1. เขียนเข้าไปใน alert box ใช้ window.alert()
2. เขียนเข้าไปใน HTML output ใช้ document.write()
3. เขียนเข้าไปใน HTML element ใช้ innerHTML()
4. เขียนเข้าไปใน Browser console ใช้ console.log()
http://www.w3schools.com/js/js_output.asp
<h1 onclick="this.innerHTML='Hello text'">Click on this text!</h1>

การใช้ javascript คุมการแสดง textbox แบบ record

กรณีมีระเบียนข้อมูลหลายรายการ 
แต่ต้องการให้เปิดรับระเบียนข้อมูลเท่าที่ต้องการ
เมื่อกรอกไปแล้ว 1 ระเบียน 
หากต้องการเพิ่มระเบียนใหม่
สามารถกดปุ่ม + เพื่อเพิ่มช่องรับข้อมูล
เหตุการณ์ที่ควบคุมมีได้ทั้ง onclick และ onmouseover

<script type="text/javascript">
function ad(v1) {
x = document.getElementById(v1);
v = "";
if (v1=='r2')v='<input name=id2><input name=name2>';
if (v1=='r3')v='<input name=id3><input name=name3>';
if (v1=='r4')v='<input name=id4><input name=name4>';
x.innerHTML =v;
}
</script>
<body><form action=''><table>
<tr><td><input name=id1><input name=name1>
<tr><td><div id='r2'></div>
<a href='javascript:;' onclick='ad("r2")'>+</a>
<tr><td><div id='r3'></div>
<a href='javascript:ad("r3");'>+</a>
<tr><td><div id='r4'></div>
<a href='javascript:;' onmouseover='ad("r4");'>+</a>
</table><input type=submit></form>
</body>

Load Time = 353 milliseconds

"Imagination is more important than knowledge" - Albert Einstein

http://goo.gl/72BPC