Changing Content

Element တစ်ခုကို ဖမ်းလို့ ရပြီဆိုရင် သူ့ထဲက စာတွေကို ပြင်လို့ရပါပြီ။

1. innerText

Element ထဲက စာသား (Text) ကိုပဲ ယူတယ်၊ ပြင်တယ်။ HTML tag တွေကို နားမလည်ပါဘူး။ လူမျက်စိနဲ့ မြင်ရတဲ့ စာသားကိုပဲ ဦးစားပေးတယ်။

let title = document.querySelector("h1");
title.innerText = "New Title"; // စာပြောင်းသွားမယ်

2. textContent (အသုံးအများဆုံး)

innerText နဲ့ တူပေမယ့်၊ သူက CSS နဲ့ ဖျောက်ထားတဲ့ (display: none) စာတွေကိုပါ ယူပေးနိုင်တယ်။ နည်းနည်းပိုမြန်တယ်။

title.textContent = "Another Title";

3. innerHTML (Powerful but Dangerous ⚠️)

HTML tag တွေပါ ထည့်ရေးလို့ ရတယ်။

let container = document.querySelector("div");
container.innerHTML = "<h1>This is bold!</h1>"; // Bold စာလုံးကြီး ဖြစ်သွားမယ်

သတိထားရန်: တတ်နိုင်ရင် မသုံးသင့်ပါဘူး။ Hacker တွေ Script တွေ ထည့်ပြီး တိုက်ခိုက် (XSS Attack) လို့ ရသွားနိုင်ပါတယ်။

ဘယ်ဟာ သုံးမလဲ?

• စာသားသက်သက်ဆိုရင် textContent သုံးပါ။
• HTML tag တွေပါ လိုအပ်မှ innerHTML သုံးပါ။