কেবল জাভাস্ক্রিপ্ট ব্যবহার করে কোনও ডিভি ট্যাগের পাঠ্য কীভাবে পাওয়া যাবে (কোনও জিকুয়েরি নেই)

Question

আমি এটি চেষ্টা করেছিলাম তবে "অপরিজ্ঞাত" দেখাচ্ছে।

function test() {
var t = document.getElementById('superman').value;
alert(t); }

সরল জাভাস্ক্রিপ্ট ব্যবহার করে কোন jQuery দয়া করে মান পেতে কোন উপায় আছে!

Answer 1

আপনি সম্ভবত textContentপরিবর্তে চেষ্টা করতে চাইবেন innerHTML।

প্রদত্ত innerHTMLDOM সামগ্রীকে একটি হিসাবে ফিরিয়ে দেবে Stringএবং কেবলমাত্র এর মধ্যে "পাঠ্য" নয় div। আপনি যদি জানেন যে আপনার divকেবলমাত্র পাঠ্য রয়েছে তবে প্রতিটি ব্যবহারের ক্ষেত্রে উপযুক্ত নয় It's এই ক্ষেত্রে, আপনি সম্ভবত textContentপরিবর্তে ব্যবহার করতে হবেinnerHTML

উদাহরণস্বরূপ, নিম্নলিখিত মার্কআপ বিবেচনা:

<div id="test">
  Some <span class="foo">sample</span> text.
</div>

আপনি নিম্নলিখিত ফলাফল পাবেন:

var node = document.getElementById('test'),

htmlContent = node.innerHTML,
// htmlContent = "Some <span class="foo">sample</span> text."

textContent = node.textContent;
// textContent = "Some sample text."

আরও তথ্যের জন্য এমডিএন দেখুন:

• টেক্সট কনটেন্ট
• অভ্যন্তরীণ এইচটিএমএল

Comments

.textContentআইই 8 এবং নিম্নে সমর্থিত নয়, এটি ব্যবহার করা কিছুটা শক্ত করে তোলে।

— ব্লেন্ডার

সত্য। ইন্ডেড, innerHTMLপ্রশ্নের অনুরোধ অনুযায়ী কেবল পাঠ্য সামগ্রীটি ফেরত দেবেন না। আমি .textContent<IE9

— ধর

যদিও একটি পুরানো প্রশ্ন, .textConant হ'ল আজকের বিশ্বের সবচেয়ে উপযুক্ত উত্তর।

— ডোনভান

এটি আমাকে আরও অনেক সাহায্য করে। আপনাকে অনেক ধন্যবাদ.

— লোগোস

Answer 2

কারণ textContentIE8 এবং এর চেয়ে বেশি বয়স্ক সমর্থিত নয়, এখানে কার্যনির্বাহী:

var node = document.getElementById('test'),
var text  = node.textContent || node.innerText;
alert(text);

innerText আইই কাজ করে।

Answer 3

আপনি ব্যবহার করতে পারেন innerHTML(তারপরে এইচটিএমএল থেকে পাঠ্য বিশ্লেষণ) বা ব্যবহার করতে পারেন innerText।

let textContentWithHTMLTags = document.querySelector('div').innerHTML; 
let textContent = document.querySelector('div').innerText;

console.log(textContentWithHTMLTags, textContent);

innerHTMLএবং innerTextসমস্ত ব্রাউজার (Firefox ব্যতীত <44) সহ দ্বারা সমর্থিত IE6 ।

Answer 4

আসলে আপনার document.getElementById()অ্যাক্সেস পেতে আপনাকে ফাংশনটি কল করতে হবে না div।

আপনি এটি objectসরাসরি ব্যবহার করতে পারেন id:

text = test.textContent || test.innerText;
alert(text);