ভাবুন আমার কাছে নিম্নলিখিত HTML রয়েছে:
<div><span><b>This is in bold</b></span></div>
আমি নিজেই ডিভ সহ ডিভের জন্য এইচটিএমএল পেতে চাই। এলিমেন্ট.ইনার এইচটিএমএল কেবল ফেরত দেয়:
<span>...</span>
কোন ধারনা? ধন্যবাদ
ভাবুন আমার কাছে নিম্নলিখিত HTML রয়েছে:
<div><span><b>This is in bold</b></span></div>
আমি নিজেই ডিভ সহ ডিভের জন্য এইচটিএমএল পেতে চাই। এলিমেন্ট.ইনার এইচটিএমএল কেবল ফেরত দেয়:
<span>...</span>
কোন ধারনা? ধন্যবাদ
উত্তর:
জাল্ডুপন্টের উত্তরটি প্রসারিত করে, আপনি উড়তে একটি মোড়কের উপাদান তৈরি করতে পারেন:
var target = document.getElementById('myElement');
var wrap = document.createElement('div');
wrap.appendChild(target.cloneNode(true));
alert(wrap.innerHTML);
আসল নথিতে উপাদানটি সরিয়ে ফেলা এবং এড়াতে না এড়াতে আমি উপাদানটির ক্লোনিং করছি। আপনি যে উপাদানটি মুদ্রণ করতে চান তার নীচে খুব বড় গাছ থাকলে এটি ব্যয়বহুল হতে পারে।
ব্যবহার outerHTML:
var el = document.getElementById( 'foo' );
alert( el.outerHTML );
outerHTMLএফএফ 11 থেকে সমর্থিত: ডেভেলপার.মোজিলা.আর.ইন- ইউএস / ডকস / ওয়েবে / এপিআই / এলিমেন্ট.উটার এইচটিএমএল ।
প্রথমে এমন উপাদানটি রাখুন যা divপ্রশ্নটিকে মোড়ক করে , idউপাদানটিতে একটি বৈশিষ্ট্য রাখুন এবং তারপরে getElementByIdএটি ব্যবহার করুন: একবার ধার দেওয়া হয়ে গেলে এইচটিএমএল পুনরুদ্ধার করতে কেবল 'e.innerHTML`' করুন।
<div><span><b>This is in bold</b></span></div>
=>
<div id="wrap"><div><span><b>This is in bold</b></span></div></div>
এবং তারপর:
var e=document.getElementById("wrap");
var content=e.innerHTML;
নোট যে outerHTMLক্রস ব্রাউজার সামঞ্জস্যপূর্ণ নয়।
divস্যুপে একটি অতিরিক্ত যুক্ত করতে চান :)
document... তবে এটি কোথায়, আপনি আমাদের সকলকে আলোকিত করার জন্য যত্নবান হন?
আপনি যদি একটি হালকা পদচিহ্ন, তবে একটি দীর্ঘ স্ক্রিপ্ট চান তবে উপাদানগুলি অভ্যন্তরীণ এইচটিএমএল পান এবং কেবল খালি পিতামাতার তৈরি এবং ক্লোন করুন-
function getHTML(who,lines){
if(!who || !who.tagName) return '';
var txt, ax, str, el= document.createElement('div');
el.appendChild(who.cloneNode(false));
txt= el.innerHTML;
ax= txt.indexOf('>')+1;
str= txt.substring(0, ax)+who.innerHTML+ txt.substring(ax);
el= null;
return lines? str.replace(/> *</g,'>\n<'): str;
//easier to read if elements are separated
}
var x = $('#container').get(0).outerHTML;
বাইরেরএইচটিএমএল যেমন আইই, তাই এই ফাংশনটি ব্যবহার করুন:
function getOuterHtml(node) {
var parent = node.parentNode;
var element = document.createElement(parent.tagName);
element.appendChild(node);
var html = element.innerHTML;
parent.appendChild(node);
return html;
}
টাইপ পিতামাতার একটি বোগাস খালি উপাদান তৈরি করে এবং এতে অভ্যন্তরীণ এইচটিএমএল ব্যবহার করে এবং আবার উপাদানটিকে স্বাভাবিক ডোমে ফিরিয়ে দেয় aches
ক্রস ব্রাউজার হওয়ার জন্য আপনি এর মতো কিছু চাইবেন।
function OuterHTML(element) {
var container = document.createElement("div");
container.appendChild(element.cloneNode(true));
return container.innerHTML;
}
elementযখন বলা হয়, অধিকার দস্তাবেজ থেকে?
উপাদান.উটার এইচটিএমএল এর সমর্থনের উপর ভিত্তি করে ফাংশন বহিরাগত এইচটিএমএল নির্ধারণ করুন:
var temp_container = document.createElement("div"); // empty div not added to DOM
if (temp_container.outerHTML){
var outerHTML = function(el){return el.outerHTML||el.nodeValue} // e.g. textnodes do not have outerHTML
} else { // when .outerHTML is not supported
var outerHTML = function(el){
var clone = el.cloneNode(true);
temp_container.appendChild(clone);
outerhtml = temp_container.innerHTML;
temp_container.removeChild(clone);
return outerhtml;
};
};
var el = document.getElementById('foo');
el.parentNode.innerHTML;