getElementById zwraca null - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › getElementById zwraca null › getElementById zwraca null

Path: news-archive.icm.edu.pl!news.icm.edu.pl!wsisiz.edu.pl!.POSTED.public-gprs358795
.centertel.pl!not-for-mail
From: Jivanmukta <j...@p...onet.pl>
Newsgroups: pl.comp.www
Subject: getElementById zwraca null
Date: Sun, 11 Nov 2018 21:49:18 +0100
Organization: http://www.wit.edu.pl
Message-ID: <psa4kg$1d6er$1@portraits.wsisiz.edu.pl>
Mime-Version: 1.0
Content-Type: text/plain; charset=utf-8; format=flowed
Content-Transfer-Encoding: 8bit
Injection-Date: Sun, 11 Nov 2018 20:49:20 -0000 (UTC)
Injection-Info: portraits.wsisiz.edu.pl;
posting-host="public-gprs358795.centertel.pl:37.47.32.204";
logging-data="1481179"; mail-complaints-to="a...@w...edu.pl"
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:60.0) Gecko/20100101
Thunderbird/60.2.1
X-Mozilla-News-Host: news://news.icp.pl:119
Content-Language: en-US
Xref: news-archive.icm.edu.pl pl.comp.www:403532
[ ukryj nagłówki ]
Napisałem:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="pl">
<head>
...
<script type="text/javascript">
$(document).ready(function () {
...
// tu przypisania funkcji submitForm i animateMainTitle
...
});
</script>
</head>
...
<body>
...
<table id="top" border="0">
<caption><h1 id="main_title">...</h1></caption>
...
</table>
...
<form action="http://localhost/~robert/announcement/insert
"
id="announcement" name="announcement" enctype="multipart/form-data"
method="post" accept-charset="utf-8">
...
<div id="property_pictures_field">
...
<input multiple='multiple' type='file' id='property_pictures'
name='property_pictures[]' class='multi'
accept='gif|jpg|jpeg|jpe|bmp|png|gif87|gif89a|mpg|mp
eg|mpe|mov|avi|wmv|vob|ogm|ogv'
value='Wybierz plik' tabindex='61'> </div>
...
</div>
...
</form>
...
</body>
</html>

Czasami mam błędy JavaScript w konsoli przeglądarki (testowałem pod
FireFoxem, Operą, Chrome):

function submitForm() {
...
alert(document.getElementById("property_pictures_fie
ld")); // OK
var pp = document.getElementById("property_pictures").value; //
CZASAMI BŁĄD: getElementById JEST null
...
}

function animateMainTitle() {
...
mainTitle = document.getElementById("main_title").innerHTML; //
CZASAMI BŁĄD: getElementById JEST null
...
}

Pliki .html, .css, .js przechodzą pomyślnie walidację.
Nie mam innego elementu o id='property_pictures' ani innego o
id="main_title", literówki w id nie ma.
DOM dokument jest załadowany w chwili wywołania.
Nie usuwam elementów property_pictures ani main_title przy pomocy
JavaScript.
Przejrzałem w Google strony "getElementById returns null" i nie
znalazłem przyczyny mojego błędu.
Prosiłbym o podpowiedź co robię źle.