getElement(s) By(Id/Name/TagName) wollen nicht?!

Christian · 01.12.2008

Hallo,
Ich bin gerade dabei ein bisschen in JS und Klassen zu frickeln nur leider wollen die document.getElement* Funktionen auf einmal nichts mehr zurückgeben?
Wenn ich ehrlich bin, bin ich gerade ein bisschen überfragt, denn die Elements gibt es eigentlich....
Vielleicht (und davon gehe ich mal aus) sehe ich den Wald vor lauter Bäumen nicht mehr und bitte Euch daher um Rat.

Dankschön schonmal für alle (konstruktiven) Beiträge

PS: Das Problem liegt in der Funktion DRDownloadInterface.prototype.initContainer()

Code:

HTML:

<html>
<head>
<script type="text/javascript">
var doc = document;
//==UserScript==
// @include http://dreamrobot.de/waren.php*
//==/UserScript==
/*
########################################################################
# add different status' to PaymentStatus Array                         #
# Workaround: find Transaction according to its <tr>-BackgroundColor   #
########################################################################*/

var PaymentStatus = new Array();
PaymentStatus['OpenTransaction']			= new Array( '#eeee00', '#aaaaaa', '#2a98fe' );
/*PaymentStatus['CheckoutDone']				= new Array( '#AAB8E0' );
PaymentStatus['Paid']						= new Array( '#55dd55' );
PaymentStatus['ShippingLabelPrinted']	= new Array( '#44bb44' );*/


//#CONFIG
const	MAIN_CONTAINER_ID = 'BF_DE_DOWNLOAD_INTERFACE';


function DRDownloadInterface(){
	//#this.DownloadParameter;
	//#this.PaymentParameter;
	//#this.LocaleDescriptions;
	this.InterfaceToggleStatus;
}

DRDownloadInterface.prototype.init = function(){
	//#this.PaymentParameter		= PaymentStatus;
	//#this.LocaleDescriptions		= LocaleDescriptions;
	this.initInterface(this.getToggleStatus());
}

DRDownloadInterface.prototype.initInterface = function( toggleStatus ){
	var MainContainer	= this.getMainContainer();
	MainContainer.innerHTML = 'hallo';
}


DRDownloadInterface.prototype.getMainContainer = function(){
	var ret	= doc.getElementById( MAIN_CONTAINER_ID );
	if( ret ){
		return ret;
	}else{
		return this.initContainer();
	}
}
DRDownloadInterface.prototype.initContainer = function(){
	var div	 = doc.createElement('div');
	div.id	 = MAIN_CONTAINER_ID;
		
	//set styles
	div.style.position	= 'absolute';
	div.style.right		= '15%';
	div.style.top			= '5%';
	div.style.border		= '1px dotted black';

	//append to document
	var ret = doc.getElementsByTagName('div')[0].appendChild(div);
	return ret;
}

DRDownloadInterface.prototype.getToggleStatus = function(){
	/*if(this.InterfaceToggleStatus.length > 0){
		return this.InterfaceToggleStatus;
	}else{*/
		return 'inline';
	//}
}

var object = new DRDownloadInterface;
object.init();
</script>
</head>

<body>
<div id="site_title">&nbsp;asd</div>
</body>
</html>

Edit:
Trace ist übrigens:

#1: DRDownloadInterface.init
#2: DRDownloadInterface.initInterface
#3: DRDownloadInterface.getMainContainer
#4: DRDownloadInterface.initContainer
#5: var ret = doc.getElementsByTagName('div')[0].appendChild(div);

Und: Ja natürlich hab ich es auch mit getElementById versucht!

Christian · 01.12.2008

AW: getElement(s)By(Id/Name/TagName) wollen nicht?!

Fehler gefunden, so banal, dass es schon fast peinlich ist.
Dadurch, dass ich DRDownloadInterface.init() schon vor dem body-Tag starte findet er die id 'start_title' bzw. das tag "div" noch nicht.