2013-01-05 19 views
15

निम्नलिखित स्निपेट सब कुछ के रूप में की उम्मीद काम करता है नहीं है, लेकिन जब मैं क्लिक करें "दिखाएँ स्रोत" फ़ायरफ़ॉक्स इस त्रुटि पैदा करता है:लेखन त्रुटि: document.getElementById एक समारोह

 
-- 
[11:07:30.630] TypeError: document.getElementbyId is not a function @ http://localhost:8888/html5/native-rich-text.html:10 

और सफारी एक समान त्रुटि पैदा करता है। इसके उत्पन्न होने का कारण क्या है?

function showSource() { 
 
    var content = document.getElementbyId("edit").innerHTML 
 
    content.replace(/</g, '&lt;'); 
 
    content.replace(/>/, '&gt: '); 
 
    prompt("Your Code:", content); 
 

 
} 
 

 
function createLink() { 
 
    var url = prompt("Enter URL:", "http://"); 
 
    if (url) 
 
    document.execCommand("createlink", false, url); 
 
}
<h1>Native Rich Text</h1> 
 
<p>No textboxes here, that's a &lt;div&gt; element!</p> 
 
<div> 
 
    <input type="button" value="Bold" onclick="document.execCommand('bold', false, null);"> 
 
    <input type="button" value="Italic" onclick="document.execCommand('italic', false, null);"> 
 
    <input type="button" value="Underline" onclick="document.execCommand('underline', false, null);"> 
 
    <input type="button" value="Add Link" onclick="createLink();"> 
 
    <input type="button" value="Show Source" onclick="showSource();"> 
 
</div> 
 
<div id="edit" style="border:solid black; height: 300px; width: 400px;" contenteditable="true"> 
 
    Hello! 
 
</div>

उत्तर

31

केस संवेदनशील: document.getElementById (नोटिस राजधानी B)।

+2

भले ही इसे बहुत स्थानीयकृत के रूप में बंद कर दिया गया हो, यह पता चला है कि यह प्रश्न मेरी मदद कर रहा है! इस जवाब के लिए धन्यवाद! –

+0

इससे मुझे मदद मिली! धन्यवाद! –

+0

पांच साल बाद और यही वह चीज है जिसे मैंने पूंजीकृत नहीं किया था। धन्यवाद। – Guy

10

जावास्क्रिप्ट केस-संवेदी है। bgetElementbyId में पूंजीकृत होना चाहिए।

var content = document.getElementById("edit").innerHTML; 
संबंधित मुद्दे