दिलचस्प पोस्ट
ठीक करने के लिए कैसे "__init__.py" के साथ भी "गैर-पैकेज में सापेक्ष आयात का प्रयास किया" छद्म टर्मिनल को आवंटित नहीं किया जाएगा क्योंकि stdin एक टर्मिनल नहीं है jQuery के दस्तावेज़। सिक्रेट एलेमेंट समकक्ष? फॉर्म पर जावास्क्रिप्ट पोस्ट सबमिट करें एक नई विंडो सी # स्ट्रिंग एंमाम एक यादृच्छिक संख्या जनरेटर का उपयोग करते समय लोग कहते हैं कि मॉड्यूलो पूर्वाग्रह क्यों है? कोई प्रतिक्रिया देने से पहले पृष्ठ को प्रदान करने के लिए एक AJAX प्राप्त करने का अनुरोध कैसे प्राप्त करें? लॉग-आउट से एक एंड्रॉइड डिवाइस पर एसडी-कार्ड पर मेरे लॉग आउटपुट को कैसे पुनर्निर्देशित किया जाए? अपलोड किए गए फ़ाइल को JSF में कैसे सहेजें सी के मुख्य () फ़ंक्शन के लिए मान्य हस्ताक्षर क्या हैं? कुंजी कीवर्ड का अर्थ क्या है? डायनामिक रूप से iframe src सेट करें स्वाभाविक जावास्क्रिप्ट: <script> शीर्ष पर या HTML कोड के नीचे? तत्वों को जावास्क्रिप्ट या jQuery का उपयोग करते हुए एक बच्चे iframe में लिखें मैं C ++ में स्ट्रिंग को कैसे निर्धारित करूं?

दस्तावेज़ के बिना एक HTML पृष्ठ में जावास्क्रिप्ट चर को कैसे प्रदर्शित करें

मैं अपने HTML पृष्ठ पर कुछ जावास्क्रिप्ट चर प्रदर्शित करने की कोशिश कर रहा हूं।

मैं सबसे पहले document.write() का उपयोग कर रहा था। document.write() लेकिन फ़ंक्शन को कॉल करते समय वर्तमान पृष्ठ को ओवरराइट करने के लिए इसका उपयोग किया जाता है।

चारों ओर खोज करने के बाद, आम सहमति थी कि document.write() बहुत पसंद नहीं है अन्य विकल्प क्या हैं?

मुझे पृष्ठ का उपयोग करने का सुझाव मिलता है। .innerHTML लेकिन यह 2005 में लिखा गया था।

मेरी समस्या http://jsfiddle.net/xHk5g/ का वर्णन करते हुए एक जेएसफ़ाइड

वेब के समाधान से एकत्रित समाधान "दस्तावेज़ के बिना एक HTML पृष्ठ में जावास्क्रिप्ट चर को कैसे प्रदर्शित करें"

Element.innerHTML बहुत जाने का तरीका है इसका उपयोग करने के कुछ तरीके यहां दिए गए हैं:

एचटीएमएल

 <div class="results"></div> 

जावास्क्रिप्ट

 // 'Modern' browsers (IE8+, use CSS-style selectors) document.querySelector('.results').innerHTML = 'Hello World!'; // Using the jQuery library $('.results').html('Hello World!'); 

यदि आप एक <div> एक हिस्से को अपडेट करना चाहते हैं, तो आमतौर पर मैं एक खाली तत्व को एक वर्ग जैसे value साथ जोड़ देता हूं या मैं मुख्य <div> की सामग्री को बदलना चाहता हूं। जैसे

 <div class="content">Hello <span class='value'></span></div> 

तो मैं कुछ कोड का उपयोग इस तरह करता हूं:

 // 'Modern' browsers (IE8+, use CSS-style selectors) document.querySelector('.content .value').innerHTML = 'World!'; // Using the jQuery library $(".content .value").html("World!"); 

फिर HTML / DOM में अब शामिल होंगे:

 <div class="content">Hello <span class='value'>World!</span></div> 

पूर्ण उदाहरण इसे देखने के लिए स्निपेट चलाएं पर क्लिक करें

 // Plain Javascript Example var $jsName = document.querySelector('.name'); var $jsValue = document.querySelector('.jsValue'); $jsName.addEventListener('input', function(event){ $jsValue.innerHTML = $jsName.value; }, false); // JQuery example var $jqName = $('.name'); var $jqValue = $('.jqValue'); $jqName.on('input', function(event){ $jqValue.html($jqName.val()); }); 
 html { font-family: sans-serif; font-size: 16px; } h1 { margin: 1em 0 0.25em 0; } input[type=text] { padding: 0.5em; } .jsValue, .jqValue { color: red; } 
 <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-1.11.3.js"></script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Setting HTML content example</title> </head> <body> <!-- This <input> field is where I'm getting the name from --> <label>Enter your name: <input class="name" type="text" value="World"/></label> <!-- Plain Javascript Example --> <h1>Plain Javascript Example</h1>Hello <span class="jsValue">World</span> <!-- jQuery Example --> <h1>jQuery Example</h1>Hello <span class="jqValue">World</span> </body> </html> 

आप पृष्ठ पर मौजूद तत्वों तक पहुंचने और उनकी सामग्री संशोधित करने के लिए जावास्क्रिप्ट का उपयोग कर सकते हैं। इसलिए उदाहरण के लिए आपके पास कुछ HTML मार्कअप वाला पृष्ठ हो सकता है:

 <div id="MyEdit"> This text will change </div> 

आप इस तरह से सामग्री बदलने के लिए जावास्क्रिप्ट का उपयोग कर सकते हैं …

 document.getElementById("MyEdit").innerHTML = "My new text!";​ 

यहाँ एक काम उदाहरण है


आप DOM हेरफेर के लिए JQuery जावास्क्रिप्ट लाइब्रेरी का उपयोग करने पर भी देख सकते हैं, इसमें कुछ बहुत ही बेहतरीन विशेषताएं हैं जिससे कि यह बहुत ही आसान चीजों को बना सके।

उदाहरण के लिए, JQuery के साथ, आप एक ही परिणाम प्राप्त करने के लिए ऐसा कर सकते हैं …

 $("#MyEdit").html("My new text!"); 

यहां JQuery संस्करण का एक काम उदाहरण है


इस उदाहरण के आधार पर, जो आपने अपने पद में प्रदान किया था। निम्नलिखित JQuery आपके लिए काम करेगा:

 var x = "hello wolrd"; $("p").html(x); 

यहां काम कर रहे संस्करण है

इस तरह एक P टैग का प्रयोग हालांकि सिफारिश नहीं है। आप आदर्श रूप से एक अद्वितीय आईडी के साथ एक तत्व का उपयोग करना चाहते हैं ताकि आप यह सुनिश्चित कर सकें कि आप JQuery के साथ सही एक का चयन कर रहे हैं।

ऐसा करने के विभिन्न तरीके हैं एक तरह से एक कमान पुनः प्राप्त करने वाली एक स्क्रिप्ट लिखना होगा। इस तरह:

 var name="kieran"; document.write=(name); 

या हम इसे मुद्रित करने के लिए डिफ़ॉल्ट जावास्क्रिप्ट तरीके का उपयोग कर सकते हैं।

 var name="kieran"; document.getElementById("output").innerHTML=name; and the html code would be: <p id="output"></p> 

मुझे आशा है कि यह मदद करता है 🙂

आप HTML तत्व को पकड़ने के लिए jquery का उपयोग कर सकते हैं जिससे आप मूल्य को लोड करना चाहते हैं।

उदाहरण के लिए कहें कि यदि आपका पृष्ठ ऐसा कुछ दिखता है,

 <div id="FirstDiv"> <div id="SecondDiv"> ... </div> </div> 

और अगर आपका जावास्क्रिप्ट (मुझे उम्मीद है) इस तरह के रूप में कुछ सरल लग रहा है,

 function somefunction(){ var somevalue = "Data to be inserted"; $("#SecondDiv").text(somevalue); } 

मुझे आशा है कि आप यही चाहते थे।

यदि आप आंतरिक HTML से बचने के लिए चाहते हैं तो आप तत्वों का निर्माण करने के लिए DOM विधियों का उपयोग कर सकते हैं और उन्हें पेज पर जोड़ सकते हैं।

 ​var element = document.createElement('div'); var text = document.createTextNode('This is some text'); element.appendChild(text); document.body.appendChild(element);​​​​​​ 

आंतरिक एचटीएमएल ठीक है और अभी भी वैध है। बड़े और छोटे परियोजनाओं पर यह हर समय उपयोग करें मैं बस अपने आईडीई में एक खुले टैब के लिए फ़्लिप किया और वहाँ एक सही वहाँ था

  document.getElementById("data-progress").innerHTML = "<img src='../images/loading.gif'/>"; 

अधिक पुस्तकालयों के अलावा 2005 के बाद से जेएस + डोम हेरिपुलन में ज्यादा बदलाव नहीं आया है। आप आसानी से अन्य गुणों को सेट कर सकते हैं जैसे कि

  uploadElement.style.width = "100%"; 

नमस्ते यहां एक सरल उदाहरण है: <div id="test">content</div> और

 var test = 5; document.getElementById('test').innerHTML = test; 

और आप इसे यहां जांच सकते हैं: http://jsfiddle.net/slbkx/

अपने पृष्ठ में एक तत्व जोड़ें (जैसे कि एक div) और उस div को लिखें

HTML:

 <html> <header> <title>Page Title</title> </header> <body> <div id="myDiv"></div> </body> </html> 

jQuery:

 $('#myDiv').text('hello world!'); 

जावास्क्रिप्ट:

 document.getElementById('myDiv').innerHTML = 'hello world!'; 

ऊपर की तरह, लेकिन मैंने (यह सीएसएलएल में था) प्रयोग किया था:

जावास्क्रिप्ट:

 var value = "Hello World!"<br> $('.output').html(value); 

CSHTML:

 <div class="output"></div>