الفرق بين المراجعتين لصفحة: «JavaScript/Document/createTextNode»
< JavaScript | Document
إضافة الصّفحة |
طلا ملخص تعديل |
||
| (1 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:<code>Document.createTextNode()</code>}}</noinclude> | <noinclude>{{DISPLAYTITLE:<code>Document.createTextNode()</code>}}</noinclude> | ||
يُنشئ التّابع <code>Document.createTextNode()</code> عقدةً نصيّةً جديدة. | يُنشئ التّابع <code>Document.createTextNode()</code> عقدةً نصيّةً جديدة. | ||
| سطر 8: | سطر 7: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
===<code>text</code>=== | |||
=== <code>text</code> === | |||
عقدةٌ نصيّة. | عقدةٌ نصيّة. | ||
| سطر 16: | سطر 14: | ||
==أمثلة== | ==أمثلة== | ||
<syntaxhighlight lang=" | <syntaxhighlight lang="html"> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html lang="en"> | <html lang="en"> | ||
| سطر 62: | سطر 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 |
|---|---|---|---|---|---|
| الدعم الأساسي | نعم | نعم | نعم | نعم | نعم |