নালীর সম্পত্তি 'অভ্যন্তরীণ এইচটিএমএল' সেট করতে পারে না

Question 1

আমি কেন ত্রুটি বা আনকচড টাইপ এরিয়ার পাব: নালীর সম্পত্তি 'অভ্যন্তরীণ এইচটিএমএল' সেট করতে পারি না? আমি ভেবেছিলাম আমি অন্তর্নিহিত এইচটিএমএল বুঝতে পেরেছি এবং এটির আগে এটি ব্যবহার করা হয়েছে।

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>

<script type ="text/javascript">
    what();
    function what(){
        document.getElementById('hello').innerHTML = 'hi';
    };
</script>

</head>

<body>
<div id="hello"></div>
</body>
</html>

Question 2

স্থানে আছে helloযাতে এটি বিদ্যমান যখন স্ক্রিপ্ট লোড হয়, স্ক্রিপ্ট সামনে DIV আছে।

Question 3

আসুন এটি প্রথমে কেন ঘটছে তার মূল কারণটি বোঝার চেষ্টা করি।

আমি কেন ত্রুটি বা আনকচড টাইপ এরিয়ার পাই: নালীর সম্পত্তি 'অভ্যন্তরীণ এইচটিএমএল' সেট করতে পারি না?

ব্রাউজার সর্বদা উপরে থেকে নীচে পুরো এইচটিএমএল ডিওএম লোড করে। scriptট্যাগগুলির অভ্যন্তরে লিখিত কোনও জাভাস্ক্রিপ্ট কোড ( headআপনার এইচটিএমএল ফাইলের বিভাগে উপস্থিত ) আপনার পুরো ডিওএম (বডি ট্যাগের মধ্যে উপস্থিত বিভিন্ন HTML উপাদান) লোড হওয়ার আগেই ব্রাউজার রেন্ডারিং ইঞ্জিন দ্বারা কার্যকর করা হয়। headট্যাগে উপস্থিত স্ক্রিপ্টগুলি helloডিওমে রেন্ডার হওয়ার আগেই আইডি থাকা কোনও উপাদানটি অ্যাক্সেস করার চেষ্টা করছে । সুতরাং স্পষ্টতই, জাভাস্ক্রিপ্ট উপাদানটি দেখতে ব্যর্থ হয়েছে এবং সুতরাং নাল রেফারেন্স ত্রুটিটি দেখে আপনি শেষ end

আপনি কীভাবে এটি আগের মতো কাজ করতে পারেন?

ব্যবহারকারী আপনার পৃষ্ঠায় প্রথমবারের সাথে অবতরণ করার সাথে সাথে আপনি পৃষ্ঠায় "হাই" বার্তাটি প্রদর্শন করতে চান। সুতরাং আপনি যখন ডওম সম্পূর্ণরূপে লোড হয়ে গেছে এবং helloআইডি উপাদানটি অ্যাক্সেসযোগ্য / উপলভ্য এই বিষয়টি সম্পর্কে সম্পূর্ণ নিশ্চিত হন তখন আপনাকে একটি বিন্দুতে আপনার কোডটি আপ করতে হবে । এটি দুটি উপায়ে অর্জনযোগ্য:

আপনার স্ক্রিপ্টগুলি পুনঃক্রম করুন : আপনার helloআইডি উপাদানটি ডিওএম ইতিমধ্যে লোড হওয়ার পরে কেবল আপনার স্ক্রিপ্টগুলি ফায়ার হয়ে যাবে । আপনি সমস্ত ডিওএম উপাদানগুলির পরে স্ক্রিপ্ট ট্যাগটি সরানোর মাধ্যমে এটি অর্জন করতে পারেন অর্থাৎ নীচে যেখানে bodyট্যাগটি শেষ হচ্ছে। যেহেতু রেন্ডারিং শীর্ষ থেকে নীচে ঘটে তাই আপনার স্ক্রিপ্টগুলি শেষ পর্যন্ত কার্যকর করা যায় এবং আপনি কোনও ত্রুটির মুখোমুখি হন না।

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Untitled Document</title>
    </head>
    
    <body>
    <div id="hello"></div>
    
    <script type ="text/javascript">
        what();
        function what(){
            document.getElementById('hello').innerHTML = 'hi';
        };
    </script>
    </body>
    </html>

স্নিপেট প্রসারিত করুন

ইভেন্ট হুকিং ব্যবহার করুন : ব্রাউজারের রেন্ডারিং ইঞ্জিন ইভেন্টের মাধ্যমে একটি ইভেন্ট ভিত্তিক হুক সরবরাহ করে window.onloadযা আপনাকে ইঙ্গিত দেয় যে ব্রাউজারটি ডিওএম লোড করা শেষ করেছে। সুতরাং যখন এই ইভেন্টটি বহিস্কার হবে, আপনি নিশ্চিত হয়ে উঠতে পারবেন যে আপনার helloআইডি সহ ডিওমে ইতিমধ্যে লোড হওয়া এবং এর পরে জাভাস্ক্রিপ্ট বহিস্কার করা হয়েছে যা এই উপাদানটি অ্যাক্সেস করার চেষ্টা করে ব্যর্থ হবে না। সুতরাং আপনি কোড স্নিপেট নীচের মত কিছু করতে। দয়া করে নোট করুন যে এই ক্ষেত্রে, আপনার স্ক্রিপ্টটিhead ট্যাগের অভ্যন্তরে আপনার HTML ডকুমেন্টের শীর্ষে উপস্থিত থাকা সত্ত্বেও কাজ করে ।

<!DOCTYPE HTML>
        <html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Untitled Document</title>
        <script type ="text/javascript">
            window.onload = function() {
            what();
            function what(){
                document.getElementById('hello').innerHTML = 'hi';
            };
        }
        </script>
        </head>
        
        <body>
        <div id="hello"></div>
        </body>
        </html>

স্নিপেট প্রসারিত করুন

Question 4

আপনি জাভাস্ক্রিপ্টকে "অ্যানলোড" ক্রিয়াটি করতে বলতে পারেন ... এটি দিয়ে চেষ্টা করুন:

<script type ="text/javascript">
window.onload = function what(){
document.getElementById('hello').innerHTML = 'hi';
};
</script>

Question 5

আপনার জেএসটি কেবল .ুকিয়ে দিন window.onload

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

Question 6

পৃষ্ঠাটি লোড হয়ে গেলে জাভাস্ক্রিপ্ট অংশটি চালানো দরকার, সুতরাং এটি বডি ট্যাগের শেষে জাভাস্ক্রিপ্ট স্ক্রিপ্টটি রাখার পরামর্শ দেওয়া হয়।

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Example</title>

</head>
<body>
<div id="hello"></div>
<script type ="text/javascript">
    what();
    function what(){
        document.getElementById('hello').innerHTML = 'hi';
    };
</script>  
</body>
</html>

স্নিপেট প্রসারিত করুন

Question 7

জাভাস্ক্রিপ্ট ভাল দেখাচ্ছে। ডিভি লোড হওয়ার পরে এটি চালানোর চেষ্টা করুন। ডকুমেন্ট প্রস্তুত হলেই চালনার চেষ্টা করুন। $(document).readyjquery মধ্যে।

Question 8

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Example</title>

</head>
<body>
<div id="hello"></div>
<script type ="text/javascript">
    what();
    function what(){
        document.getElementById('hello').innerHTML = '<p>hi</p>';
    };
</script>  
</body>
</html>

স্নিপেট প্রসারিত করুন

Question 9

এখানে আমার স্নিপেট চেষ্টা করে দেখুন আমি আশা করি এটি আপনার পক্ষে সহায়ক হবে।

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
</head>

<body>
  
<div id="hello"></div>
  
<script type ="text/javascript">
    what();
    function what(){
        document.getElementById('hello').innerHTML = 'hi';
    };
</script>
</body>
</html>

স্নিপেট প্রসারিত করুন

Question 10

আপনার এইচটিএমএল প্রথমে লোড হয়েছে তা নিশ্চিত করতে আপনি সেটটাইমআউট পদ্ধতিটি ব্যবহার করে দেখতে পারেন।

Question 11

মূল কারণটি: জাভাস্ক্রিপ্ট কোডের আগে কোনও পৃষ্ঠায় এইচটিএমএল লোড করতে হয় । 2 উপায়ে সমাধান করা:

1) জেএস কোডের আগে এইচটিএমএল লোডের অনুমতি দিন।

<script type ="text/javascript">
    window.onload = function what(){
        document.getElementById('hello').innerHTML = 'hi';
    }
</script>

//or set time out like this:
<script type ="text/javascript">
    setTimeout(function(){
       what();
       function what(){
          document.getElementById('hello').innerHTML = 'hi';
       };
    }, 50);
    //NOTE: 50 is milisecond.
</script>

2) এইচটিএমএল কোডের অধীনে জেএস কোডটি সরান

<div id="hello"></div>
<script type ="text/javascript">
    what();
    function what(){
        document.getElementById('hello').innerHTML = 'hi';
    };
</script>

Question 12

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
</head>
<body>
<div id="hello"></div>
<script type ="text/javascript">
    what();
    function what(){
        document.getElementById('hello').innerHTML = 'hi';
    };
</script>
</body>
</html>

স্নিপেট প্রসারিত করুন

Question 13

আমারও একই সমস্যা হয়েছে এবং দেখা যাচ্ছে যে নাল ত্রুটিটি কারণ আমি যে HTMLটির সাথে কাজ করছি তা সংরক্ষণ না করেছিলাম।

পৃষ্ঠাটি লোড হয়ে যাওয়ার পরে উল্লেখ করা উপাদানটি যদি সংরক্ষণ না করা হয় তবে এটি 'নাল' হয়, কারণ দস্তাবেজটিতে লোডের সময় এটি থাকে না। উইন্ডো.অনলোড ব্যবহার ডিবাগ করতে সহায়তা করে।

আমি আশা করি এটি আপনার পক্ষে কার্যকর ছিল।

Question 14

এইচটিএমএল রেন্ডার শেষ হওয়ার পরে আপনি যদি আপনার স্ক্রিপ্টটি লোড করেন তবুও এই ত্রুটিটি উপস্থিত হতে পারে। এই প্রদত্ত উদাহরণে আপনার কোড

<div id="hello"></div>

ডিভের ভিতরে কোনও মূল্য নেই। সুতরাং ত্রুটি উত্থাপিত হয়, কারণ ভিতরে পরিবর্তন করার কোনও মূল্য নেই। এটা হওয়া উচিত ছিল

<div id="hello">Some random text to change</div>

তারপর।

Question 15

মধ্যে jquery যোগ করুন < head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

$ ডকুমেন্ট.ডিয়ার () ব্যবহার করুন : কোডটি < head>মেইন.জেগুলির মতো আলাদা ফাইলে বা মধ্যে থাকতে পারে

1) একই ফাইলে জেএস ব্যবহার করে (এটি এতে যুক্ত করুন < head>):

<script>
$( document ).ready(function() {
function what(){
    document.getElementById('hello').innerHTML = 'hi';
};
});
</script>

২) মেইন.জেএস এর মতো আরও কিছু ফাইল ব্যবহার করে (এটি এতে যুক্ত করুন < head>):

<script type="text/javascript" src="/path/to/main.js" charset="utf-8"></script>

এবং কোডটি মেইন.জেএস ফাইলটিতে যুক্ত করুন :)

Question 16

আপনার divমধ্যে পরিবর্তন করা দরকার p। টেকনিক্যালি ইনারএইচটিএমএল মানে এটি <??? id=""></???>অংশের ভিতরে ।

পরিবর্তন:

<div id="hello"></div>

মধ্যে

<p id="hello"></p>

করছেন:

document.getElementById('hello').innerHTML = 'hi';

ঘুরবে

<div id="hello"></div> into this <div id="hello">hi</div>

যা আসলে বোঝায় না।

আপনি পরিবর্তন করার চেষ্টা করতে পারেন:

document.getElementById('hello').innerHTML = 'hi';

এই মধ্যে

document.getElementById('hello').innerHTML='<p> hi </p> ';

এটা কাজ করতে.

Question 17

ত্রুটিটি স্ব-ব্যাখ্যা করছে যে এটি এইচটিএমএল ট্যাগ পাচ্ছে না যাতে আপনি ডেটা সেট করতে চান যাতে জেএসের জন্য ট্যাগ উপলব্ধ থাকে তবে কেবল আপনি সেইটিতে ডেটা সেট করতে পারবেন।

Question 18

সন্দেহ নেই, এখানে বেশিরভাগ উত্তর সঠিক, তবে আপনি এটি করতে পারেন:

document.addEventListener('DOMContentLoaded', function what() {
   document.getElementById('hello').innerHTML = 'hi';  
});

Question 19

আলোচিত হিসাবে বিভিন্ন যেমন আমার মত একই সমস্যা থাকতে পারে এমন কারও জন্য এটি যুক্ত করতে চাইলে বিভিন্ন সম্ভাব্য কারণ রয়েছে।

আমার ক্ষেত্রে নিচের মতো দেখানো হয়েছে আমার কাছাকাছি ডিভ ছিল missing

   <!DOCTYPE HTML>
   <html>
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <title>Untitled Document</title>
   </head>
   <body>
   <div> //I am an open div
    <div id="hello"></div>
   <script type ="text/javascript">
       what();
       function what(){
          document.getElementById('hello').innerHTML = 'hi';
       };
   </script>
   </body>
   </html>

একটি ঘন ডিভ অনুপস্থিতীর ফলস্বরূপ শিশু থেকে পিতা-মাতা বা পিতা-মাতার সন্তানের কাছে রূপান্তরটি বিশৃঙ্খলা সৃষ্টি করতে পারে সুতরাং ফলস্বরূপ যখন আপনি ডিওএমে কোনও উপাদান অ্যাক্সেস করার চেষ্টা করবেন তখন একটি ত্রুটি ঘটবে

Question 20

ডোম লোড করা যাক। ডোমে কিছু করার জন্য আপনাকে প্রথমে এটি লোড করতে হবে। আপনার ক্ষেত্রে আপনাকে <div>প্রথমে ট্যাগটি লোড করতে হবে । তারপরে আপনার কিছু সংশোধন করার দরকার আছে। আপনি যদি প্রথমে জেএস লোড করেন তবে সেই ফাংশনটি HTMLআপনাকে যা করতে বলেছে তা করতে চাইছে তবে সেই সময়টি যখন আপনার HTMLলোড হচ্ছে এবং আপনার ফাংশনটি এটি খুঁজে পাবে না HTML। সুতরাং আপনি স্ক্রিপ্টটি পৃষ্ঠার নীচে রাখতে পারেন। <body>ট্যাগের ভিতরে ফাংশনটি অ্যাক্সেস করতে পারে <div>কারণ স্ক্রিপ্টটি আঘাত করার সময় ডিওএম ইতিমধ্যে লোড হয়ে গেছে।