HTML DOM Element innerText প্রতিভা
- 上一页 innerHTML
- 下一页 insertAdjacentElement()
- 返回上一层 HTML DOM Elements অবজেক্ট
সংজ্ঞা ও ব্যবহার
innerText
প্রতিভা সেট করা বা ফিরিয়ে দেয়া হবে এলিমেন্টের টেক্সট কনটেন্ট。
মন্তব্য:সেট করা innerText
প্রতিভার, সমস্ত সাব-নোড মোছে যাবে এবং একটি নতুন টেক্সট নোড দ্বারা প্রতিস্থাপিত হবে。
অন্যান্য দেখুন:
সংজ্ঞান
ইলেমেন্ট বা নোডের টেক্সট অনুমান ফিরান:
element.innerText
বা
node.innerText
ইলেমেন্ট বা নোডের টেক্সট অনুমান সংযোজন করুন:
element.innerText = textবা
node.innerText = textপ্রতিমান
মান | বর্ণনা |
---|---|
text | ইলেমেন্টের টেক্সট অনুমান |
ফলাফল প্রতিমান
ধরন | বর্ণনা |
---|---|
স্ট্রিং | ইলেমেন্ট এবং সকল পরবর্তী সন্তানদের টেক্সট অনুমান, কিন্তু <script> এবং <style> ইলেমেন্ট নেই。 |
innerHTML, innerText এবং textContent-এর পার্থক্য
innerText প্রতিমান ফলাফল হয়:
শুধুমাত্র ইলেমেন্ট এবং সকল পরবর্তী সন্তানদের টেক্সট অনুমান ফিরায়, কিন্তু CSS লুকআউট টেক্সট, স্পেসিং এবং ট্যাগগুলো নেই, যদিও <script> এবং <style> ইলেমেন্ট আছে。
innerHTML প্রতিমান ফলাফল হয়:
ইলেমেন্টের টেক্সট অনুমান, শুধুমাত্র শুদ্ধ টেক্সট এবং আংশিক HTML ট্যাগগুলো নিয়ে আছে。
textContent প্রতিমান ফলাফল হয়:
ইলেমেন্ট এবং সকল পরবর্তী সন্তানদের টেক্সট অনুমান, শুধুমাত্র শুদ্ধ টেক্সট এবং CSS লুকআউট টেক্সট নিয়ে আছে, কিন্তু ট্যাগগুলো নেই。
HTML ইন্সট্যান্স
<p id="myP"> This element has extra spacing and contains <span>a span element</span>.</p>
JavaScript 实例
let text = document.getElementById("myP").innerText; let text = document.getElementById("myP").innerHTML; let text = document.getElementById("demo").textContent;
উপরোক্ত উদাহরণে:
innerText প্রতিমান ফলাফল হয়:
এই ইলেমেন্টের অতিরিক্ত স্পেসিং আছে এবং এতে একটি span ইলেমেন্ট আছে。
innerHTML প্রতিমান ফলাফল হয়:
এই ইলেমেন্টের অতিরিক্ত স্পেসিং আছে এবং <span>একটি span ইলেমেন্ট</span> আছে。
textContent প্রতিমান ফলাফল হয়:
এই ইলেমেন্টের অতিরিক্ত স্পেসিং আছে এবং এতে <span>একটি span ইলেমেন্ট</span> আছে。
ব্রাউজার সমর্থন
সমস্ত ব্রাউজারগুলো এটা সমর্থন করে element.innerText
:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
支持 | 10-11 | 支持 | 支持 | 支持 | 支持 |
- 上一页 innerHTML
- 下一页 insertAdjacentElement()
- 返回上一层 HTML DOM Elements অবজেক্ট