HTML-изображение Источник Атрибут

<р> IntroductionDid вы знаете, что вы могли бы изменить значение атрибута источника изображения HTML? Если вы сделаете это, изображение отображается в браузере изменится. В этой статье я покажу вам эффекты, изменяя значение исходного атрибута изображения tag.You нужно базовые знания в HTML, CSS и JavaScript для того, чтобы понять эту article.Note: Если вы не видите код или, если вы думаете, что-либо в этой статье (неработающую ссылку, изображение отсутствует) отсутствует, просто свяжитесь со мной в [email protected].

То есть, свяжитесь со мной для малейшей проблемы у вас есть о том, что вы reading.HTML ElementAn HTML элемент производится либо одного или двух тегов. HTML-элемент является компонентом веб-страницы, которые вы видите на браузере. Изображение, например производится одной метке. Элемент Пункт с другой стороны производится двумя тегами (начало и конец тега). Представление элемента производится CSS. Презентация означает взгляды, позицию и размер в element.

The Image Elementa простой тег для элемента изображения,: С помощью этого тега изображения, презентация CSS будет дано что-то вроде IMG ID # {ширина: 200px; высота: 200px} В данном представлении положение не дано, но размер указан. При этом условии, если вы измените значение атрибута SRC вы увидите другое изображение на браузере. Эта функция очень удобна. Изменение источника AttributeThe DOM и JavaScript позволяют изменить значение атрибута исходного изображения. Синтаксис: document.getElementById (ID) .src = URLThe выражение, "document.

getElementById (ID)" возвращает ссылку на объект изображения. "SRC" является источником свойство объекта изображения. ID и URL должны быть друг в кавычки. Идентификатор идентификатор изображения object.Resulting упрощенной CodeIf это было не возможно, чтобы изменить значение исходного атрибута образа, то изменить изображение, которое вы должны были бы изменить весь тег. Это приведет к более сложных code.Advantages в изменении значения источника Attribute- Это приводит к упрощенным code.- презентация оригинального изображения сохраняется.

Когда вы измените значение атрибута источника, размер и положение предыдущего изображения сохраняется. Это может быть очень полезно в галерею изображений, где вы должны представить большой размер для различных images.ExampleWhen нажатии кнопки в следующем коде, отображаемое изображение будет меняться. Попробуйте код с двух собственных изображений. Изображение и кнопка в элементе HTML-объектов. Изображение в другом элемента объекта вложенной в космическом объекте. Внешний Объект плыл прямо. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.

dtd">