Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon T-Boy00 vom 07.11.2020, 11:09 Options

Breite eines DIV-Containers auslesen - JavaScript

Ich habe ein DIV-Container, der sich dem Text anpasst. Von diesem Container müsste ich jetzt die Breite per JavaScript auslesen, was aber nicht funktioniert.
Ich habe es so probiert:


<script type="text/javascript">
function lesen() {
 alert($('box1').style.width);
}

Wenn ich diese Funktion ausführe, erscheint ein leeres alert-Fenster :-(

Antwort schreiben

Antwort 1 von Dr.Ma-Busen vom 07.11.2020, 11:33 Options

Moin!

Versuch es mal mit offsetWidth / offsetHeight.

Über style.width bekommst du nur einen wert, wenn du zuvor über CSS den objekt eine wert zugewiesen hast.

MfG

Antwort 2 von son_quatsch vom 07.11.2020, 11:34 Options

Was soll das $ machen?

<script type="text/javascript">
  function lesen() {
    alert( document.getElementById( 'box1' ).offsetWidth );
  }
</script>

Zur Erklärung: "width" ist eine Style-Eigenschaft, die nur bei Zuweisung vorhanden ist (und nicht automatisch immer einen Wert zurückgibt).

Antwort 3 von T-Boy00 vom 07.11.2020, 11:44 Options

@son_quatsch:

Dieses $ steht für document.getElementById, wie du schon richtig erkannt hast. Es ist eine Hilfsfunktion von dem JavaScript-Framework
Prototype.
Hier zum nachlesen ;-):
http://particletree.com/features/quick-guide-to-prototype/

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken