एक स्ट्रिंग

Question

पर एक HTMLElement को कैसे परिवर्तित करें मैं सर्वर पक्ष के साथ डेटा का आदान-प्रदान करने के लिए जावास्क्रिप्ट में एक XML तत्व बनाने जा रहा हूं। मैंने पाया कि मैं इसे document.createElement के साथ कर सकता हूं। लेकिन मुझे नहीं पता कि इसे स्ट्रिंग में कैसे परिवर्तित किया जाए। क्या ब्राउज़र में कोई एपीआई आसान बनाने के लिए है? या क्या इस एपीआई को लेकर कोई जेएस lib है?

अग्रिम धन्यवाद।

// संशोधन

मुझे लगता है कि ब्राउज़र एपीआई XmlSerializer पाया, यह स्ट्रिंग के लिए क्रमानुसार करने सही तरीके से होना चाहिए।

Answer 1

आप 'बाहरी-एचटीएमएल' तत्व क्लोनिंग, एक खाली, 'गुप्त' कंटेनर में जोड़कर, प्राप्त कर सकते हैं और कंटेनर के आंतरिक HTML को पढ़ना।

यह उदाहरण एक वैकल्पिक दूसरा पैरामीटर लेता है।

तत्व के वंशज शामिल करने के लिए दस्तावेज़.getHTML (तत्व, सत्य) पर कॉल करें।

document.getHTML= function(who, deep){ 
    if(!who || !who.tagName) return ''; 
    var txt, ax, el= document.createElement("div"); 
    el.appendChild(who.cloneNode(false)); 
    txt= el.innerHTML; 
    if(deep){ 
     ax= txt.indexOf('>')+1; 
     txt= txt.substring(0, ax)+who.innerHTML+ txt.substring(ax); 
    } 
    el= null; 
    return txt; 
} 

Answer 2

वहाँ एक tagName संपत्ति है, और एक attributes रूप में अच्छी तरह संपत्ति:

var element = document.getElementById("wtv"); 
var openTag = "<"+element.tagName; 
for (var i = 0; i < element.attributes.length; i++) { 
    var attrib = element.attributes[i]; 
    openTag += " "+attrib.name + "=" + attrib.value; 
} 
openTag += ">"; 
alert(openTag); 

भी देखें How to iterate through all attributes in an HTML element? (मैंने किया था!) ​​

खुले और बंद टैग आप शायद innerHTML इस्तेमाल कर सकते हैं के बीच सामग्री प्राप्त करने के लिए यदि आप सभी बाल तत्वों पर पुन: प्रयास नहीं करना चाहते हैं ...

alert(element.innerHTML); 

... और फिर tagName के साथ फिर से बंद टैग प्राप्त करें।

var closeTag = "</"+element.tagName+">"; 
alert(closeTag); 

Answer 3

तत्व outerHTML संपत्ति (ध्यान दें: supported by Firefox after version 11) पूरे तत्व के एचटीएमएल देता है।

उदाहरण

<div id="new-element-1">Hello world.</div> 

<script type="text/javascript"><!-- 

var element = document.getElementById("new-element-1"); 
var elementHtml = element.outerHTML; 
// <div id="new-element-1">Hello world.</div> 

--></script> 

इसी तरह, आप innerHTMLinnerText का उपयोग एचटीएमएल एक दिया तत्व के भीतर निहित पाने के लिए कर सकते हैं या एक तत्व (बिना HTML मार्कअप) के अंदर का पाठ मिलता है।

भी देखें

1. outerHTML - Javascript Property
2. Javascript Reference - Elements

Answer 4

यह हर किसी के मामले पर लागू नहीं हो सकता है, लेकिन जब एक्सएमएल से निकालने मैं इस समस्या है, जो मैं इस के साथ हल किया था।

function grab_xml(what){ 
var return_xml =null; 
    $.ajax({ 
       type: "GET", 
       url: what, 
       success:function(xml){return_xml =xml;}, 
     async: false 
     }); 
return(return_xml); 
} 

तो एक्सएमएल मिलती है:

var sector_xml=grab_xml("p/sector.xml"); 
var tt=$(sector_xml).find("pt"); 

फिर मैं तो इस समारोह बना एक्सएमएल लाइन निकालने के लिए, जब मैं एक XML फ़ाइल से पढ़ने की जरूरत है, एचटीएमएल टैग युक्त।

function extract_xml_line(who){ 
    var tmp = document.createElement("div"); 
    tmp.appendChild(who[0]); 
    var tmp=$(tmp.innerHTML).html(); 
    return(tmp); 
} 

और अब समाप्त करने के लिए:

var str_of_html= extract_xml_line(tt.find("intro")); //outputs the intro tag and whats inside it: helllo <b>in bold</b> 

Answer 5

ऐसा करने का सबसे आसान तरीका है कि तत्व चर tmp और यह खाली है, तो नए तत्व संलग्न करने के लिए की प्रतिलिपि innerHTML है, और उस की नकल वापस tmp के बाद इसके लिए चर। यहां एक उदाहरण है जिसका उपयोग मैं शीर्ष पर शीर्ष पर jquery स्क्रिप्ट जोड़ता था।

var imported = document.createElement('script'); 
imported.src = 'http://code.jquery.com/jquery-1.7.1.js'; 
var tmpHead = document.head.innerHTML; 
document.head.innerHTML = ""; 
document.head.append(imported); 
document.head.innerHTML += tmpHead; 

कि सरल :)