কীভাবে জাভাস্ক্রিপ্ট / jQuery এর সাথে <html> ট্যাগ এইচটিএমএল পাবেন?

Question

ব্যবহার $('html').html()আমি মধ্যে এইচটিএমএল পেতে পারেন <html>(ট্যাগ <head>, <body>, ইত্যাদি)। তবে আমি <html>ট্যাগটির আসল এইচটিএমএল (বৈশিষ্ট্য সহ) কীভাবে পেতে পারি ?

বিকল্পভাবে, <html>jQuery (বা সাধারণ পুরানো জাভাস্ক্রিপ্ট) সহ পৃষ্ঠার পুরো এইচটিএমএল (ডক্টাইপ , ইত্যাদি সহ ) পাওয়া কি সম্ভব?

Answer 1

htmlস্থানীয়ভাবে উপাদানটি পাওয়ার সহজ উপায় হ'ল:

document.documentElement

এখানে উল্লেখ রয়েছে: https://developer.mozilla.org/en-US/docs/Web/API/Docament.docamentElement ।

আপডেট: এরপরে htmlউপাদানটিকে স্ট্রিং হিসাবে ধরতে হবে:

document.documentElement.outerHTML

Comments

documentElementব্রাউজারের সামঞ্জস্যতা সম্পর্কে আরও তথ্যের জন্য এই প্রশ্নটি দেখুন : stackoverflow.com/q/11391827/177710 ।

— অলিভার

আপনি কতবার এইচটিএমএল উপাদানকে রেফার করছেন !? আমি মনে করি না, পারফরম্যান্সটি সাধারণত উদ্বেগের বিষয় হওয়া উচিত। যাইহোক, এটি আসলে আরও ভাল উত্তর, তবে এটি অ্যাওয়ার্ডের পরে এসেছিল।

— পজিট ল্যাবগুলি

Answer 2

এইভাবে এইচটিএমএল ডিওএম উপাদানটি জেএসের সাথে খাঁটিভাবে পেতে কিভাবে:

var htmlElement = document.getElementsByTagName("html")[0];

অথবা

var htmlElement = document.querySelector("html");

এবং যদি আপনি এর থেকে বৈশিষ্ট্যগুলি পেতে jQuery ব্যবহার করতে চান ...

$(htmlElement).attr(INSERT-ATTRIBUTE-NAME);

Comments

আপনার উত্তরটি আরও ভাল হতে পারে যদি আপনি ব্যাখ্যা করতে পারেন কেন এটি প্রশ্নের উত্তর দিয়েছে। এছাড়াও, দয়া করে কোডটি হাইলাইট করুন এবং {}বোতামটি ক্লিক করুন বা কোড হিসাবে চিহ্নিত করতে Ctrl + k টিপুন।

— বেন

Answer 3

অন্যান্য উত্তরগুলির কয়েকটি ছাড়াও আপনি এইচটিএমএল উপাদানটি এর মাধ্যমেও অ্যাক্সেস করতে পারবেন:

var htmlEl = document.body.parentNode;

তারপরে আপনি অভ্যন্তরীণ HTML সামগ্রীটি পেতে পারেন:

var inner = htmlEl.innerHTML;

এইভাবে করাটি প্রান্তিক দ্রুত বলে মনে হচ্ছে । আপনি যদি কেবল এইচটিএমএল উপাদানটি অর্জন করেন তবে document.body.parentNodeতা বেশ খানিকটা দ্রুত বলে মনে হচ্ছে ।

আপনার এইচটিএমএল উপাদান থাকার পরে, আপনি বৈশিষ্ট্য getAttributeএবং setAttributeপদ্ধতিগুলির সাথে গণ্ডগোল করতে পারেন ।

ডক্টইপিইয়ের জন্য, আপনি ব্যবহার করতে পারেন document.doctype, যা এই প্রশ্নের মধ্যে বিস্তারিতভাবে বর্ণনা করা হয়েছিল ।

Comments

ঠিক যেমন একটি নোট: দেহটি নথিতে এখনও না পাওয়া গেলে এটি ব্যর্থ হবে।

— ডেটাডিংক

কোন ক্ষেত্রে, document.head.parentNodeএকটি প্রধান উপাদান আছে এখনও কাজ করবে।

— মাহেমফ

Answer 4

JQuery এ:

var html_string = $('html').outerHTML()

সরল জাভাস্ক্রিপ্টে:

var html_string = document.documentElement.outerHTML

Answer 5

আপনি যদি jQuery ব্যবহার করে কোনও এইচটিএমএল উপাদানটির একটি বৈশিষ্ট্য পেতে চান তবে .attr();

সুতরাং $('html').attr('someAttribute');আপনাকে someAttributeউপাদানটির মান দেবেhtml

http://api.jquery.com/attr/

উপরন্তু:

এখানে একটি jQuery প্লাগইন রয়েছে: http://plugins.jquery.com/project/getAttributes

এটি আপনাকে কোনও HTML উপাদান থেকে সমস্ত বৈশিষ্ট্য পেতে দেয়

Comments

GetAttributes () প্রকল্পটি এখন কিছুটা পুরানো (ফেব্রুয়ারী ২০০৯)।

— গিগিগোরান