TypeError: document.getelementbyid(...) is null
Although there is a proper id on html but still its showing "TypeError: document.getelementbyid(...) is null".
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Fundraising made simple</title>
</head>
<body>
<form method="post" action="" >
<button class="btn btn-success" style="margin: 14px;margin-left: 3em;" name="input_amount" id="total_ammount" value="00.00" type="submit" >Pay </button>
</form>
<script>
function myFunction(id) {
console.log('hello all',id)
document.getElementById('ammounth1').innerHTML = '$ '.concat(counts.toFixed(2));
document.getElementById('ammounth2').innerHTML = '$ '.concat(count_percentage.toFixed(2));
document.getElementById('ammounth3').innerHTML = "Paypal will be billed : $ ".concat( total)
document.getElementById('total_ammount').setAttribute('value',total)
}
</script>
</div>
<!-- test to see if user is logged in our not -->
<!-- True -->
<!-- Google site tag code -->
<!-- fullscreen fg fields background -->
<style>
body {
background: url("https://alphabetacharlie.s3-eu-west-1.amazonaws.com/media/images/KICKSTARTER_FUNDGRAZING_WALLET.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
<footer>
<div class="container">
<h5> © Copyright 2020 fundgrazing.com All Rights Reserved <a href="/accounts/contact_us/" target="_blank">Contact Us</a> | <a href="/accounts/gdpr/" target="_blank">GDPR</a></h5>
</div>
</footer>
<!-- Twitter universal website tag code -->
<script>
!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init','o3hea');
twq('track','PageView');
</script>
<!-- End Twitter universal website tag code -->
</body>
</html>
Although there is a proper id on html but still its showing "TypeError: document.getelementbyid(...) is null".
<pre><nowiki><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Fundraising made simple</title>
</head>
<body>
<form method="post" action="" >
<button class="btn btn-success" style="margin: 14px;margin-left: 3em;" name="input_amount" id="total_ammount" value="00.00" type="submit" >Pay </button>
</form>
<script>
function myFunction(id) {
console.log('hello all',id)
document.getElementById('ammounth1').innerHTML = '$ '.concat(counts.toFixed(2));
document.getElementById('ammounth2').innerHTML = '$ '.concat(count_percentage.toFixed(2));
document.getElementById('ammounth3').innerHTML = "Paypal will be billed : $ ".concat( total)
document.getElementById('total_ammount').setAttribute('value',total)
}
</script>
</div>
<!-- test to see if user is logged in our not -->
<!-- True -->
<!-- Google site tag code -->
<!-- fullscreen fg fields background -->
<style>
body {
background: url("https://alphabetacharlie.s3-eu-west-1.amazonaws.com/media/images/KICKSTARTER_FUNDGRAZING_WALLET.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
<footer>
<div class="container">
<h5> © Copyright 2020 fundgrazing.com All Rights Reserved <a href="/accounts/contact_us/" target="_blank">Contact Us</a> | <a href="/accounts/gdpr/" target="_blank">GDPR</a></h5>
</div>
</footer>
<!-- Twitter universal website tag code -->
<script>
!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init','o3hea');
twq('track','PageView');
</script>
<!-- End Twitter universal website tag code -->
</body>
</html></nowiki></pre><br>
Geändert am von cor-el
Alle Antworten (1)
Hi dvskhamele, this isn't a good forum for pasting large amounts of code. Probably better to use StackOverflow: Where to go for developer support.