كيفية تقسيم نص داخل عنصر div باستخدام JavaScript

فيما يبدو، تريد تقسيم نص داخل عنصر div في HTML باستخدام JavaScript، حيث تأتي هذه النصوص ديناميكيًا من قاعدة البيانات. لفعل ذلك، يمكنك استخدام دالة split() في JavaScript لتقسيم النص إلى جزئين باستخدام فاصلة معينة. في حالتك، يبدو أن النص المطلوب تقسيمه هو “Name Individual Branch”. لذا، يمكنك استخدام الكود التالي:

javascriptCopy code
// احتفظ بالنص الأصلي
var originalText = "Name Individual Branch";

// قسّم النص إلى جزئين باستخدام الفاصلة " "
var parts = originalText.split(" ");

// الجزء الأول: "Name"
var firstName = parts[0];

// الجزء الثاني: "Individual Branch"
var lastName = parts.slice(1).join(" ");

// إنشاء عنصر div جديد للجزء الأول
var firstNameDiv = document.createElement("div");
firstNameDiv.textContent = firstName;

// إضافة العنصر الجديد إلى الصفحة
document.body.appendChild(firstNameDiv);

// إنشاء عنصر div جديد للجزء الثاني
var lastNameDiv = document.createElement("div");
lastNameDiv.textContent = lastName;

// إضافة العنصر الجديد إلى الصفحة
document.body.appendChild(lastNameDiv);

هذا الكود يقسم النص “Name Individual Branch” إلى جزئين ويخزن الجزء الأول في متغير firstName والجزء الثاني في متغير lastName. ثم، ينشئ عنصر div جديد لكل جزء ويضيفه إلى الصفحة.

يرجى ملاحظة أنه يجب استبدال جزء النص الثابت “Name Individual Branch” في الكود بالقيمة الفعلية التي تأتي من قاعدة البيانات في تطبيقك.

بالطبع، يمكنني توضيح المزيد من المعلومات. في الكود الذي قدمته، تستخدم دالة split() لتقسيم النص إلى أجزاء مستندة إلى الفاصلة التي تم تحديدها (في هذه الحالة، فاصلة الفراغ ” “). بما أنك تريد وضع “Name” في عنصر div منفصل، يمكنك استخدام parts[0] للحصول على الجزء الأول من النص (الذي هو “Name”)، واستخدامه لإنشاء عنصر div جديد. يمكنك القيام بذلك كما يلي:

javascriptCopy code
// احتفظ بالنص الأصلي
var originalText = "Name Individual Branch";

// قسّم النص إلى جزئين باستخدام الفاصلة " "
var parts = originalText.split(" ");

// الجزء الأول: "Name"
var firstName = parts[0];

// إنشاء عنصر div جديد للجزء الأول
var firstNameDiv = document.createElement("div");
firstNameDiv.textContent = firstName;

// إضافة العنصر الجديد إلى الصفحة
document.body.appendChild(firstNameDiv);

بعد تقسيم النص وإنشاء العنصر div الجديد، يمكنك استخدام document.body.appendChild(firstNameDiv); لإضافة العنصر الجديد إلى صفحة الويب الخاصة بك. يرجى ملاحظة أنه يجب استبدال "Name Individual Branch" بالمتغير الذي يحتوي على النص الفعلي الذي تريد تقسيمه.