IntroductionDid u dat u de waarde van een HTML-afbeelding bron toeschrijven zou kunnen veranderen? Als u dit doet, zou het beeld bij de browser te veranderen. In dit artikel laat ik je de effecten van het veranderen van de waarde van de bron attribuut van de afbeelding tag.You nodig basiskennis in HTML, CSS en JavaScript om deze article.Note begrijpen: Als u de code niet kunt zien of als u denkt er iets ontbreekt in dit artikel (gebroken koppeling, het afwezig), neem dan contact met mij op [email protected].
Dat wil contact met mij op voor het geringste probleem dat je hebt over wat je bent reading.HTML ElementAn HTML-element wordt geproduceerd door één of twee labels. Een HTML-element is een onderdeel van de webpagina die u ziet in de browser. De afbeelding bijvoorbeeld wordt geproduceerd door één tag. De Paragraaf element daarentegen wordt geproduceerd door twee labels (tags gaan). De presentatie van een element wordt geproduceerd door CSS. Presentatie betekent dat de looks, de positie en grootte van een element.
The Afbeelding elementa eenvoudige tag voor het beeld element is: Met dit beeld tag zou de CSS presentatie door iets als img # ID {width worden gegeven: 200px; height: 200px} In dit bijzondere presentatie van de positie is niet gegeven, maar de grootte is gegeven. Onder deze voorwaarde, als je de waarde van het src attribuut wijzigt u een ander beeld te zien op de browser. Deze functie is erg handig. Het veranderen van de Bron AttributeThe DOM en JavaScript u de waarde van het attribuut afbeelding bron te wijzigen. De syntax is: document.getElementById (ID) .src = URLThe uitdrukking, "document.
getElementById (ID)" geeft een verwijzing naar de afbeelding object. "src" is de eigenschap source van het beeld object. ID en URL moet elk in aanhalingstekens. ID is de identificatie van het beeld object.Resulting vereenvoudigd CodeIf het niet mogelijk is om de waarde van de bron attribuut van een afbeelding te wijzigen, dan naar een beeld dat u zou hebben om de hele tag veranderen veranderen. Dit leidt tot een ingewikkelder code.Advantages veranderen van de waarde van de bron Attribute- Het leidt tot een vereenvoudigde code.- De presentatie van het oorspronkelijke beeld wordt behouden.
Wanneer u de waarde van het kenmerk de bron te wijzigen, is de grootte en de positie van de vorige afbeelding behouden. Dit kan zeer nuttig zijn in een fotogalerij waar je moet een grote grootte voor verschillende images.ExampleWhen presenteren u op de knop van de volgende code zou het weergegeven beeld te wijzigen. Probeer de code met twee van uw eigen beelden. Het beeld en de knop in een HTML object element. Het beeld is in een ander object element genesteld in de buitenste Object. De buitenste object wordt gedreven recht. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.
dtd">