Clock

Khmer Web

Gateway to web application
Creating DOM Element
Edit
នៅ​ក្នុង​កញ្ចប់ jQuery មាន​វិធី​ជា​ច្រើន​ដែល​អនុញ្ញាត​អោយ​យើង​អាច​បង្កើត​ធាតុ HTML ថ្មី​ៗ​ បញ្ចូល​ទៅ​ក្នុង​ធាតុ HTML ដែលត្រូវ​បាន​បង្កើត​ឡើង​រួច​ទៅ​ហើយ​នោះ​។ ជាក់ស្តែង វិធី​ឈ្មោះ append() អនុញ្ញាត​អោយ​យើង​អាច​បញ្ចូល​ធាតុ HTML ថ្មី​ៗ​ទាំងឡាយ ចូល​ទៅ​ក្នុង​ធាតុ​ណា​មួយ និង​នៅ​ខាង​ចុង​គេ​។ ពិនិត្យ​កម្មវិធី​ខាង​ក្រោម​នេះ៖ 
<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">

	
This is a paragraph.

	

   <script>
    function appendText() {
     	var txt = $("
").text("Text.");
     	$("body").append(txt);
    }
   </script>

  </body>
</html>

This is a paragraph.


ស្រដៀង​គ្នា​នេះ​ដែរ យើង​ក៏​អាច​ប្រើប្រាស់​វិធី​ឈ្មោះ prepend() ក្នុង​ការបញ្ចូល​ធាតុ HTML ថ្មី​ៗ​ ចូល​ទៅ​ក្នុង​ធាតុ HTML ណាមួយ នៅ​ខាង​ដើម​គេ​បាន​ដែរ​។ 
<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">

	
This is a paragraph.

	

   <script>
    function prependText() {
     	var txt = $("
").text("Text.");
     	$("body").prepend(txt);
    }
   </script>

  </body>
</html>

This is a paragraph.


លើស​ពី​នេះ​ទៀត ក្នុង​ករណី​យើង​ចង់​យក​ធាតុ​ HTML ​ថ្មី​ណា​មួយ ទៅ​ដាក់​នៅ​ពី​ក្រោយ​ធាតុ HTML ណាមួយ យើង​អាច​ប្រើ​ប្រាស់​វិធី​ឈ្មោះ before() ដោយ​ធ្វើ​ដូច​ខាង​ក្រោម​នេះ៖ 
<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">

	
This is a paragraph.

	

   <script>
    function beforeText() {
     	var txt = $("
").text("Text.");
     	$("p").before(txt);
    }
   </script>

  </body>
</html>
This is a paragraph.

ក៏ប៉ុន្តែ បើ​សិន​ជា​យើង​ចង់​យក​ធាតុ HTML ថ្មី​ៗ​ទៅ​ដាក់​នៅ​ខាង​ក្រោយ​ធាតុ HTML ណា​មួយ​វិញ​នោះ យើង​អាច​ប្រើប្រាស់​វិធី​ឈ្មោះ after() ដោយ​ធ្វើ​ដូច​ខាង​ក្រោម​នេះ៖ 
<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">

	
This is a paragraph.

	

   <script>
    function afterText() {
     	var txt = $("
").text("Text.");
     	$("p").after(txt);
    }
   </script>

  </body>
</html>
This is a paragraph.