Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > ผมใช้ document.getElementById() แล้วมัน Error ผมใช้คำสั่ง JavaScript document.getElementById() ] แล้วมันมีปัญหาอะคับ


ผมใช้ document.getElementById() แล้วมัน Error ผมใช้คำสั่ง JavaScript document.getElementById() ] แล้วมันมีปัญหาอะคับ

 
Topic : 043777



โพสกระทู้ ( 173 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook


ผมใช้คำสั่ง JavaScript
Quote:
document.getElementById()


แล้วมันมีปัญหาอะคับ


ตามรูป




คำสั่งที่ผมสั่งคับ
Quote:
document.getElementById('upmsg').innerHTML = 'กำลัง Upload อยู่นะจ๊ะ รอซักครู่...' ;


ซึ่งเป็นคำสั่งที่ผมก็อปมาจากเว็บ http://www.scriptdd.com/webtip/ajax-upload-no-reload-lesson-2.html

ซึ่งมันไม่น่าจะมีปัญหาแต่พอผมเอามารันมันกลับมีปัญหา

โดยผมสังเกตุเห็นว่าถ้าใช้ document.getElementById('upmsg') เฉยๆ จะไม่มีปัญหา
แต่พอใส่ .innerHTML หรือว่าพร็อปเพอร์ตี้ อื่นๆ มันก็จะ Error ทุกครั้งเลยคับ

งงเลยคับ



Tag : - - - -

Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-06-08 20:23:53 By : petzaza009 View : 2565 Reply : 5
 

 

No. 1



โพสกระทู้ ( 74,059 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

มันหา element ที่ชื่อ id="upmsg" ไม่เจอน่ะครับ
Date : 2010-06-08 20:59:08 By : webmaster
 

 

No. 2



โพสกระทู้ ( 173 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook

โค้ตมันเป็นยังงี่นะคับ

Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>WeLove Thailand : เรารักเมืองไทย แผ่นดินที่ทุกคนรัก</title>
<link rel="icon" href="images/icon.gif" type="image/x-icon">
<link rel="shortcut icon" href="images/icon.gif" type="image/x-icon">
<script type="text/javascript" src="Plug-In/iepngfix/iepngfix_tilebg.js"></script>
<script type="text/javascript" src="javascript/function.js"></script>
<style type="text/css">
<!--
body {
margin: 0px;
background-image: url(images/background.gif);
background-repeat: repeat-x;
font-family: Verdana, Tahoma, "MS Sans Serif";
font-size: 12px;
}
img, div, a, input {
behavior: url("Plug-In/iepngfix/iepngfix.htc");
}
.Border_Left {
width: 5px;
behavior: url("Plug-In/iepngfix/iepngfix.htc");
background-color: #FFF;
}
.Border_Right {
width: 5px;
behavior: url("Plug-In/iepngfix/iepngfix.htc");
background-color: #FFF;
}
#Table_Header {
/*background-image: url(images/Header_Bg_1.jpg);*/
background-repeat: no-repeat;
width: 950px;
display: block;
}
#menu_top_main {
width: 950px;
height: 18px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666;
background-image: url(images/bck_mainnav.png);
background-repeat: repeat-x;
}
#menu_top_main ul {
height: 18px;
list-style-image: none;
list-style-type: none;
margin: 0px;
padding: 0px;
float: left;
width: 950px;
background-image: url(images/bck_mainnav.png);
background-repeat: repeat-x;
}
#menu_top_main ul li {
float: left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #666;
}
#menu_top_main ul li a{
color: #AAA;
font-size: 10px;
line-height: 18px;
text-decoration: none;
display: block;
padding-right: 10px;
padding-left: 10px;
}
#menu_top_main ul li a:hover{
background-image: url(images/bck_mainnav_over.png);
color: #EEE;
}
#menu_top_main ul .selected a{
background-color: #666;
color: #333;
display: block;
}
#menu_top_main ul .selected a:hover{
background-image: none;
color: #333;
}
#menu_top_main ul .right {
float: right;
line-height: 18px;
color: #CCC;
padding-right: 5px;
}
-->
</style></head>

<body>
<table border="0" align="center" cellpadding="0" cellspacing="0" id="Table_Main">
<tr>
<td class="Border_Left">&nbsp;</td>
<td>
<script type="text/javascript">
document.getElementById("upmsg").innerHTML = "<span style=\"color:#95C91D;\">TEST2</span>";
//document.getElementById("Table_Header").style.backgroundImage = "url(images/Header_Bg_1.jpg)";
</script>

<table border="0" cellpadding="0" cellspacing="0" id="Table_Header">
<tr>
<td height="350" valign="top"><div id="menu_top_main"><ul>
<li class="selected"><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Tags</a></li>
<li><a href="#">Boards</a></li>
<li><a href="#">Search</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li class="right"><script>
date_a();
</script></li>
</ul>
</div>
<img src="images/Header_Text.png" width="950" height="332" /></td>
</tr>
<tr>
<td height="2" valign="top"><img src="images/spacer.gif" width="1" height="1" /></td>
</tr>
<tr>
<td valign="top"><img src="images/Header_Bottom_Line.gif" width="950" height="1" /></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="400" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
</table></td>
<td class="Border_Right">&nbsp;</td>
</tr>
</table>
<div id="upmsg">Text</div>
</body>
</html>



มันจะหาไม่เจอได้ไงอะคับ

ผมลองเปลี่ยนเป็นหลายชื่อแล้ว

ก็ยังเป็นอะคับ จนปัญญาจริง
Date : 2010-06-09 19:00:15 By : petzaza009
 

 

No. 3



โพสกระทู้ ( 74,059 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

จะจนปัญหายังไงล่ะครับ ก็คุณให้มันทำงานก่อนที่ Element จะถูกสร้าง มันก็หาไม่เจอซิครับ

แก้ปัญหาคือ ให้ทำงานหลังจากที่มีการโหลดเสร็จแล้ว

<script type="text/javascript">
function fncJs()
{
document.getElementById("upmsg").innerHTML = "<span style=\"color:#95C91D;\">TEST2</span>";
//document.getElementById("Table_Header").style.backgroundImage = "url(images/Header_Bg_1.jpg)";
}
</script>


<body onload="fncJs">





หรือ ให้สร้าง element เสร็จก่อน

<div id="upmsg">Text</div>

<script type="text/javascript">
document.getElementById("upmsg").innerHTML = "<span style=\"color:#95C91D;\">TEST2</span>";
//document.getElementById("Table_Header").style.backgroundImage = "url(images/Header_Bg_1.jpg)";
</script>
Date : 2010-06-09 20:47:55 By : webmaster
 

 

No. 4



โพสกระทู้ ( 173 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook

จิงด้วยคับ


เส้นผมบังภูเขาจริงๆ

พอดีละเว้นการเขียนเว็บไปนานเลยหลงๆ ลืมๆ


อิอิ


ขอบคุณครับ
Date : 2010-06-09 21:28:47 By : petzaza009
 

 

No. 5



โพสกระทู้ ( 74,059 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

JavaScript getElementById
Date : 2010-06-10 06:32:53 By : webmaster
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ผมใช้ document.getElementById() แล้วมัน Error ผมใช้คำสั่ง JavaScript document.getElementById() ] แล้วมันมีปัญหาอะคับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่