Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   JavaScript и CSS (https://javascript.ru/forum/dom-window/1261-javascript-i-css.html)

starostin13 14.03.2010 09:43

а про меня то чё забыли?
У меня слегка отличная проблема но не сильно. Мне нужно менять картинки которые заданы в цсс, то есть мне нужен конкретный пример команд гет и сет которыми это можно сделать именно с картинками

PepeL 14.03.2010 10:47

starostin13,
document.getElementById('id элемента').style.background = "url('img.gif')";

это чтоли ?

starostin13 14.03.2010 11:25

Не совсем, у меня н бекграунд, а срц. Попробывал вот так document.getElementById("classID").src="url(Image/gun.jpg)";
но всё рравно не помогает
Да и вабще чё то эта конструкция ничего не возвращает, ни какого свойства

Octane 14.03.2010 11:29

в src просто адрес, без url(…)

starostin13 14.03.2010 11:48

Спасибо за подсказку, но document.getElementById("classID").src всё равно ничего не возвращает.

Octane 14.03.2010 11:50

Покажите, как вы используете этот код на странице.

starostin13 14.03.2010 12:05

ой блин я дурак, хорошо что хоть щас обратили на это моё внимание, в действительности я использую не src как говорил а background, прошу меня простить, но тем не менее, проблема остаёться
html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <link rel="stylesheet" type="text/css" href="chesses.css" />
    <script src="script.js" />
</head>
<body>
  
    <img alt=""  style="width: 56px; height: 56px; visibility:visible; position:absolute;z-index:2;" id="cage11" onclick="Count(id)" />
</body>
</html>


css:
#cage11
{
	position:absolute;
	top:57px;
	left:57px;
	background:url(Image/gun.jpg);
}

JS:
function Count(ID)
{
    var classID = '#'+ID;
    var elem = document.getElementById('classID').style.background;// = "url('Image/gun.jpg')"
    alert(elem);
}

Octane 14.03.2010 12:40

var elem = document.getElementById(*!*classID*/!*).src = "gun.jpg";


а вообще лучше так:
<img … onclick="func(this)" />

function func(element) {
    element.src = "…";
}

starostin13 14.03.2010 14:08

function Count(elem)
{ var element = '#' + elem;
alert(element);
}
выдаёт элемент, а вот
function Count(elem)
{ var element = '#' + elem;
alert(element.src);
}
уже не выдаёт свойвств, тока undefined

Octane 14.03.2010 16:35

Ах да, еще решетка в имени идентификатора не нужна.
Цитата:

Сообщение от starostin13
var element = '#' + elem;

Зачем вы пытаетесь сложить DOM-элемент со строкой?


Часовой пояс GMT +3, время: 13:53.