मैं जावास्क्रिप्ट में आंतरिक HTML का उपयोग कैसे कर सकता हूं?

मेरी समस्या यह है कि मुझे नहीं पता कि मेरे फॉर्म के आंतरिक HTML को कैसे दिखाया जाए।मैं जावास्क्रिप्ट में आंतरिक HTML का उपयोग कैसे कर सकता हूं?

प्रपत्र एक सर्वेक्षण फार्म की तरह है और एक बार आप सबमिट बटन, सभी सामग्री को मैं एक सारांश पृष्ठ की तरह दिखाई देते हैं जवाब था ...

function displayResult() { 
    var first = document.getElementById("first").value; 

    var middle = document.getElementById("middle").value; 

    var last = document.getElementById("last").value; 

    alert("oh"); 
    var maincontent = document.getElementById("content").innerHTML; 
    maincontent = "<p>" + first; 

}

स्रोत

2012-09-29 ghie

एक मुझे लगता है कि पीछे '" 'से छुटकारा पाने चाहते हैं के लिए। – jli

JSFiddle की जाँच करें (http://jsfiddle.net) और, अपने HTML और जे एस का एक उदाहरण रखा ताकि हम देख सकते हैं कि डोम आप – Dancrumb

http://jsfiddle.net/8TtxV/ यहाँ के साथ काम कर रहे हैं यह है :( – ghie

var maincontent = document.getElementById("content").innerHTML; 
maincontent = "<p>" + first;

दूसरी पंक्ति पर आप चर अधिलेखित कर रहे हैं, .innerHTML की स्थापना नहीं।

var maincontent = document.getElementById("content"); 
maincontent.innerHTML = "<p>" + first;

इसके अलावा, आप यकीन है कि "पहली" "मध्यम" और "पिछले" की आईडी के साथ तत्व वास्तव में मौजूद है, या यह एक TypeError कारण हो सकता है बनाना चाहिए: यह तुम क्या चाहते है।

स्रोत

2012-09-29 14:00:21 0x499602D2

धन्यवाद! इसे आजमा रहा है – ghie

@ghie सुनिश्चित करें कि आपके पास तत्व है "सामग्री" के बराबर एक आईडी के साथ। इस तरह: 'id =" content "। साथ ही, सुनिश्चित करें कि" पहले "" मध्य "और" आखिरी "के आईडी वाले तत्व वास्तव में मौजूद हैं। – 0x499602D2

ओह .. मैं देखता हूं। धन्यवाद तुम! मुझे लगता है कि मैं आईडी चीज़ भूल गया था.- धन्यवाद! – ghie

इसके बजाय इस बात का

क्लिक किया:

var maincontent = document.getElementById("content").innerHTML; 
maincontent = "<p>" + first;`

document.getElementById("content").innerHTML = "<p>" + first;

तुम भी .innerHTML उपयोग करने के लिए 'पहली' प्राप्त करने के लिए, बजाय .Value चाहते हो सकता है:

इस प्रयास करें? मुझे यकीन नहीं है कि किस प्रकार का तत्व 'पहला' है।

स्रोत

2012-09-29 13:59:56 jrajav

धन्यवाद! मैंने इसे पहले से ही कोशिश की लेकिन यह कुछ भी प्रदर्शित नहीं करता है :(आपको क्या लगता है कि इसके साथ समस्या है? क्षमा करें ... मैं जावास्क्रिप्ट में बस नया हूं .. :( – ghie

वास्तव में? यह मेरे लिए ठीक काम करता है (प्रतीक्षा करें 5 सेकेंड): http://jsfiddle.net/QWyuT/ – jrajav

मेरे उत्तर में भी – jrajav

आईडी "contend", div के साथ आपका तत्व क्या है? td? टीआर? या? जिस तरह से यह होना चाहिए

<div id='content'> 
    </div>

है और फिर इस जावास्क्रिप्ट कोड

document.getElementById("content").innerHTML = "<p>" + first + middle + last + "</p>"

स्रोत

2012-09-29 14:13:15 Quannt

है इस प्रयास करें:

लेकिन, आप पहली बार के रूप में आईडी होनी चाहिए। और आपको HTML भाग में सामग्री div की आवश्यकता होनी चाहिए।

<script> 
function displayResult() { 
    var first = document.getElementById("first").value; 

    var maincontent = ""; 
    maincontent = "<p>" + first + "</p>"; 
    document.getElementById("content").innerHTML = maincontent; 

} 
</script> 
<body> 
<input type="text" id="first" value="good"> 
<button onclick="displayResult();">Click me!!!</button> 
<div id="content"></div> 
</body>

स्रोत

2012-09-29 14:18:29

मैं जावास्क्रिप्ट में आंतरिक HTML का उपयोग कैसे कर सकता हूं?

उत्तर

संबंधित मुद्दे