الفرق بين المراجعتين لصفحة: «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
الدعم الأساسي نعم نعم نعم نعم نعم

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