Oggetto image javascript, Dispense di Programmazione Orientata agli Oggetti

Scarica Oggetto image javascript e più Dispense in PDF di Programmazione Orientata agli Oggetti solo su Docsity!

Oggetto image

Oggetto image

— Per ogni immagine all’interno di un file HTML

il browser crea un’istanza di un oggetto image

— Proprieta’:

— document.images[0].src

— document.images[0].name

— document.images[0].width

— document.images[0].height

Modificare gli attributi

— La sintassi per modificare il valore degli attributi è

la seguente:

document.getElementById( id ). attributo = nuovo

valore

Es.

Modificare gli attributi

Es.

Immagini di rollover: altra

possibilità

Suggerimento:

< /body >

Immagini di rollover

Oggetto image: esercizio

— Scrivere una funzione dal nome impostaImmagine() che servità ad impostare la source di una immagine html attraverso Javascript: — document.images[0].src = “miaImmagine.gif”; — Inserire nell'html un elemento img con src vuoto — Aggiungere nel body questo evento per chiamare la funzione (altrimenti non si riesce a caricare l’immagine) —

The HTMLCollection

Object

Oggetto image: esercizio

The getElementsByTagName() method returns

an HTMLCollection object.

An HTMLCollection object is an array-like list

(collection) of HTML elements.

Esercizio

Create una pagina vuota che abbia tanti tag

p(almeno 4) con del testo

La pagina deve avere sfondo grigio

Create una funzione che in modo automatico

valuta quanti p ci sono e poi assegna a tutti I

pil colore di sfondo rosso, e colore del testo

bianco

var myCollection = document.getElementsByTagName("p"); document.getElementById("demo").innerHTML = myCollection.length;