Как заменить, все пустеют <img src = “”> на странице с JavaScript на загруженном dom?
Мне нужна функция, которая запускается, когда DOM загружается.
В моей СТРАНИЦЕ HTML несколько пустых Тегов изображения, как, и я хочу добавить Название картинки в src-свойство, когда все загружается для получения чего-то как
<img src="blank.jpg">.
С наилучшими пожеланиями Chris
5 ответов
function replaceSrc()
{
var images = document.getElementsByTagName('img');
for(var i = 0; i < images.length; i++)
{
var img = images[i];
if(img.src.length == 0)
{
img.src = 'blank.jpg';
}
}
}
window.onload = replaceSrc;
ИЛИ если вы хотите добавить более одного обработчика события:
document.addEventListener('load', replaceSrc, false) //W3C
document.attachEvent('onload', replaceSrc); //IE
С помощью jQuery
$(document)
.ready(function() { $('img')
.filter(function(){ return this.src.length == 0 })
.each(function () { this.src = 'blank.jpg'}) });
EDIT:
Я понял, что вы, вероятно, хотите установить свойство src до загрузки изображений, поэтому я изменил код, чтобы он срабатывал на событие load документа, которое происходит до начала загрузки изображений.
Строительство
Это недействительно, потому что пустой url означает url к текущей странице. Но текущая страница - это HTML-документ, а не изображение. Браузер может сделать другой запрос к текущей странице и попытаться использовать ее как изображение (см. эта страница).
Используйте jQuery! Это просто.
$('img').attr('src','new-image-name.jpg')
Это установит атрибут src каждого тега img на 'new-image-name.jpg'.
В jQuery это установит атрибут src всех элементов img с пустым атрибутом src на «blank.jpg» при загрузке страницы.
$.ready(function() {
$("img[src='']").attr("src", "blank.jpg");
});
Вы можете использовать этот скрипт.
# Script AddImage.txt
var string pagefile, image, html
# Read in the page file.
cat $pagefile > $html
# Replace all instances of "<img src="blank.jpg">" with the specified image.
while ( { sen -r -c "^<img src=&\>^" $html } > 0 )
sal -r -c "^<img src=&\>^" ("<img src=\""+$image+"\">") $html > null
# Write page back.
echo $html > { echo $pagefile }
Скрипт написан на языке biterscripting. Сохраните скрипт в файле "C:/Scripts/AddImage.txt", запустите его с помощью этой команды.
script "C:/Scripts/AddImage.txt" pagefile("/path/to/page.html") image("blank.jpg")
Он заменит предыдущее изображение на "blank.jpg".