الفرق بين المراجعتين ل"JavaScript/Document/createTextNode"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط (إزالة سطر فارغ)
ط
 
سطر 7: سطر 7:
 
</syntaxhighlight>
 
</syntaxhighlight>
  
===القيم===
+
===<code>text</code>===
=== <code>text</code> ===
 
 
عقدةٌ نصيّة.
 
عقدةٌ نصيّة.
  
سطر 15: سطر 14:
  
 
==أمثلة==
 
==أمثلة==
<syntaxhighlight lang="javascript">
+
<syntaxhighlight lang="html">
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<html lang="en">
 
<html lang="en">
سطر 61: سطر 60:
  
 
==مصادر ومواصفات==
 
==مصادر ومواصفات==
* مواصفة [https://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-1975348127 Document Object Model (DOM) Level 3 Core Specification]
+
* مواصفة [https://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-1975348127 Document Object Model (DOM) Level 3 Core Specification].
* مواصفة [https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-1975348127 Document Object Model (DOM) Level 2 Core Specification]
+
* مواصفة [https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-1975348127 Document Object Model (DOM) Level 2 Core Specification].
  
 
  [[تصنيف:JavaScript]]
 
  [[تصنيف:JavaScript]]

المراجعة الحالية بتاريخ 16:11، 25 مارس 2018

يُنشئ التّابع Document.createTextNode()‎ عقدةً نصيّةً جديدة.

البنية العامة

var text = document.createTextNode(data);

text

عقدةٌ نصيّة.

data

سلسلةٌ نصيّة تحتوي على البيانات المرغوب إضافتها إلى العقدة النّصيّة.

أمثلة

<!DOCTYPE html>
<html lang="en">
<head>
<title>createTextNode example</title>
<script>
function addTextNode(text) {
  var newtext = document.createTextNode(text),
      p1 = document.getElementById("p1");

  p1.appendChild(newtext);
}
</script>
</head>

<body>
  <button onclick="addTextNode('نعم ');">YES!</button>
  <button onclick="addTextNode('لا ');">NO!</button>
  <button onclick="addTextNode('نستطيع ');">WE CAN!</button>

  <hr />

  <p id="p1">أول سطرٍ من الفقرة</p>
</body>
</html>

دعم المتصفحات

الميزة Chrome Internet Explorer Firefox Opera Safari
الدعم الأساسي نعم نعم نعم نعم نعم

مصادر ومواصفات