а если его еще нет на странице ?
как его создать ?

Как вариант...

<script>
function CreateImg() {
    var o=document.createElement('img')
    o.src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif'
    var oe=document.getElementById('box')
    oe.appendChild(o)
}
</script>

<div id='box'></div>
<input type='button' value='Create Img' onclick='CreateImg()' />

а можно ли в зависимости от переменной выполнять определенную функцию например так
<script>

if (gop = 700) {onclick=CreateImg()};

</script>
<script>


function CreateImg() {
var o=document.createElement('img')
o.src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif'
var oe=document.getElementById('box')
oe.appendChild(o)
}
</script>
<script>
function CreateImg2() {
var o=document.createElement('img')
o.src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif'
var oe=document.getElementById('box')
oe.appendChild(o)
}
</script>

<input type="button" onclick="if (gop == 700) {CreatImg();};"

Никто вложенные операторы еще не отменял... Вот только интересно, что же такое gop? Если это какой-то атрибут или какое-то свойство DOM, то да, такая конструкция юзабельна... Вообще эту переменную "гоп" можно передать и в саму функцию... что-то типа Creaming(gop)...

Разумеется! :) Только наверное вот так

<script>
if (gop = 700) {
   CreateImg();
};
</script>

Несколько замечаний:
1) насколько я знаю, скрипт выполняется один раз, если встроен в тег боди по мере загрузки страницы и не помещен в функцию, описанную в теге хэд.
2) функция КриэйтИмж() выполнится не при нажатии на клавишу(онклик), а при загрузке страницы.
3) если скрипт описан до создания элемента "гоп", то скрипт будет работать неверно...

Пы. Сы. Я все еще жду объяснения, что такое этот gop...

Гоп это просто переменная просто тупо ее так назвали ....:victory:

спасибо!

вот что у меня получилось


<script>
function CreateImg() {
var o=document.createElement('img')
o.src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif'
var oe=document.getElementById('box')
oe.appendChild(o)
}
</script>



<select id="firewall" onchange='Go()'>
<option value="0">Выберите тип...</option>
<option value='200'>Аппаратное устройсво</option>
<option value='700' onClick="CreateImg()">Программное решение</option>
</select>
<div id="box"></div>

все работает если я выбираю пункт Программное решение картинка появляется, но сделать что если я выбираю другой пункт она удалялась а на ее месте появлялась новая ???

изначально я хотел сделать так , но не получается

var o=document.getElementById('firewall')
var gop = o.value;

if (gop = 700) {val='images/moto2.jpg'}
else if (gop = 200) {val='images/moto4.jpg'};
document.getElementById('My_Img').src=val


<div id="My_Img"></div>

<select id="firewall" onchange='Go()'>
<option value="0">Выберите тип...</option>
<option value='200'>Аппаратное устройсво</option>
<option value='700'>Программное решение</option>
</select>