Написать Html Img ID с помощью JavaScript

Question

Написать Html Img ID с помощью JavaScript

0

Я хочу написать

<img src="image/#######.jpg" id="#######" style="visibility: hidden;"/>

На моей странице html либо из файла php, либо из javascript json. ####### может быть любое имя, которое часто изменяется. Будет 100 похожих страниц, поэтому мне нужно сделать это "на лету" из внешнего файла, вместо того, чтобы переписывать все эти страницы. Затем идентификатор получает доступ к javascript, который соответствует его файлу json, который использует его позже в холсте.

Надеюсь, я никого не смутил.

Gary Owain Jones 24 сен. 2013, в 08:37

Источник

Теги:

javascript

html

json

1 ответ

Ещё вопросы

Praveen · Accepted Answer · 2013-09-24T04-59-00.000Z

Вы можете сделать что-то подобное этому

var newImage = #########;
var Ids = "####";
document.getElementById(Ids).src="../template/" + newImage + ".jpg";

Поскольку вы упомянули, что может быть 100, так что вам придется перебирать json и создавать код, чтобы действовать динамически.

Надеюсь, у тебя есть идея.

Обновить:

var idAndImageSrc = "#######";
document.getElementById("previousStaticImgId").setAttribute("id", idAndImageSrc)
                                   .src="../template/" + idAndImageSrc + ".jpg";

Спасибо, но это изменило бы только источник изображения, а не идентификатор. Идентификатор должен совпадать с именем изображения, так как позже он используется для указания на другую веб-страницу. Есть ли способ написать эту одну строку в HTML через JavaScript
@GaryOwainJones вы имеете в виду, измените id = imageSrc = "####" и измените идентификатор, а также изображение. Поправь меня, если я ошибся.
Я хочу назвать идентификатор так же, как изображение, но так как они часто меняются на многих похожих страницах, я хочу автоматизировать его с помощью скрипта, либо получить доступ к сопровождающему файлу json, прочитать и записать имя в файл html, либо использовать файл php для записи имя как переменная.