में आंतरिक एचटीएमएल और outerhtml के बीच अंतर मैं अपने आवेदन में समृद्ध पाठ संपादन के लिए कोको वेबव्यू का उपयोग कर रहा हूँ। वेबकिट में उपलब्ध एचटीएमएल और बाहरी एचटीएमएल विधि के साथ बस उलझन में।कोको वेबव्यू
किसी को भी व्याख्या कर सकते हैं क्या
[(DOMHTMLElement *)[[[webView mainFrame] DOMDocument] documentElement] outerHTML];
और
[(DOMHTMLElement *)[[[webView mainFrame] DOMDocument] documentElement] outerText];
innerHTML के बीच अंतर है एक DOM एलीमेंट तत्व के अंदर एचटीएमएल प्रतिनिधित्व करता है, यानी उद्घाटन के बीच की संपत्ति है और टैग बंद करना। इसमें व्यापक रूप से प्रतिलिपि बनाई गई है, हालांकि कार्यान्वयन भिन्न होते हैं (संभवतः क्योंकि यह में कोई प्रकाशित मानक नहीं है [1]) विशेष रूप से वे तत्व विशेषताओं का इलाज कैसे करते हैं।
बाहरी HTML आंतरिक HTML के समान है, यह एक तत्व गुण है कि में एक समापन टैग के साथ-साथ सामग्री भी शामिल है। यह को आंतरिक HTML के रूप में व्यापक रूप से कॉपी नहीं किया गया है, इसलिए यह केवल आईई केवल कम या कम रहता है।
<p id="pid">welcome</p>
innerHTML of element "pid" == welcome
outerHTML of element "pid" == <p id="pid">welcome</p>
और जबकि
innerText कंटेनर की शाब्दिक सामग्री।
बाहरी टेक्स्ट पढ़ने के लिए उपयोग किए जाने पर आंतरिक पाठ के समान; एक नया मूल्य आवंटित करते समय पूरे तत्व को बदल देता है।
<p id="pid">welcome</p>
innerText of element "pid" == welcome
outerText of element "pid" == welcome
मान लीजिए हम एक पेज एचटीएमएल के साथ WebView लोड
<html>
<head><title>Your Title</title></head>
<body>
<h1>Heading</h1>
<p id="para" >hi <b>Your_Name</b></p>
</body>
<html>
अब है।
[(DOMHTMLElement *)[[webView mainFrame] DOMDocument] documentElement]
DOMHTMLElement "html" और
outerHTML रूप
<html>
<head><title>Your Title</title></head>
<body>
<h1>Heading</hi>
<p id="para">hi <b>Your_Name</b></p>
</body>
<html>
outerText वापस आ जाएगी
के रूप में एचटीएमएल शीर्षक हाय your_name पूरा एचटीएमएल वापस आ जाएगी returen होगा
उदाहरण के लिए अगर हम इस मामले
outerHTML will return - <p id="para">hi <b>Your_Name</b></p>
outerText will return - hi Your_Name
innerHTML will return - hi <b>Your_Name</b>
innerText will return - hi Your_Name
मैं जहां इन 4 पदों के लिए परिभाषा को पहले से ही नीचे जवाब में विस्तार से बताया उदाहरण की मदद से यह समझा दिया है में पी टैग का उदाहरण लेते हैं।
<!DOCTYPE html>
<html>
<head>
<title>innerHTML and outerHTML | Javascript Usages</title>
</head>
<body>
<div id="replace">REPLACE By inner or outer HTML</div>
<script>
userwant = "inner";
userwant = "outer";
if (userwant = "inner") {
document.querySelector("#replace").innerHTML;
// this will remove just message: 'REPLACE By inner or outer HTML' //
} else if (userwant = "outer") {
document.querySelector("#replace").outerHTML;
// this will remove all element <div> ~ </div> by the message: 'REPLACE By inner or outer HTML' //
};
</script>
</body>
</html>