Есть два способа изменить атрибут SRC изображения:
1. Метод Setattribute является компонентом «DOM уровня 1», который может установить любые атрибуты узла элемента.
2, element.src = источник; Это метод перед появлением «Dom Level 1 Dom», и он также эффективен сейчас.
Преимущество «DOM уровня 1» - его хорошая портативность. Эти старые методы применяются только к веб -документам, в то время как DOM применяется к любому языку разметки.
Функция обработки событий
Нажав на ссылку, я хочу остаться на этой веб -странице вместо того, чтобы перейти к другому окну, код заключается в следующем:
Кода -копия выглядит следующим образом:
<a href = "http://www.example.com" onclick = "showpic (this); вернуть false;"> click </a>
При нажатии на эту ссылку, поскольку значение, возвращаемое кодом JavaScript, запускаемой функцией обработчика событий OnClick, является ложным, поведение по умолчанию этой ссылки не запускается.
Атрибут Childnodes
Атрибут ChildNodes можно использовать для получения всех дочерних элементов любого элемента. Массив, возвращаемый свойством ChildNodes, содержит узлы всех типов, а не только узлы элементов. На самом деле, почти все в документе - это узел, и даже пространства и разрывы линий интерпретируются как узлы, и все они содержатся в массиве, возвращенном свойством Childnodes.
Но у каждого узла есть свойство Nodetype. Существует 12 желательных значений для атрибутов Nodetype, но только 3 из них имеют полезные значения: значение атрибута Nodetype узел элемента составляет 1, значение атрибута Nodetype узела атрибута составляет 2, а значение атрибута Nodetype в текстовом узле составляет 3.
Если вы хотите изменить значение текстового узла, используйте свойство Nodevalue, предоставленное DOM.
Math Element Childnodes [0] имеет более интуитивно понятный и простой для чтения синоним, который можно записать как Firstchild; DOM также предоставляет соответствующий атрибут LastChild.
Пример:
Кода -копия выглядит следующим образом:
<p id = "description"> выберите изображение </p>
Сначала создайте переменную для ее хранения:
Кода -копия выглядит следующим образом:
var description = document.getElementbyId ("description");
Возвращаемое значение описания. Nodevalue - это NULL. Свойство Nodevalue самого элемента <p> является нулевым значением. Если вы хотите получить значение текста, содержащегося в элементе <p>, вам необходимо использовать description.childnodes [0] .nodevalue или description.firstchild.nodevalue