Форум

MrBadge · #1 (**permalink**) 24.02.2011, 16:58

Часть кода на HTML-странице:

Код:

<div class="11111" style="cursor: default">
  <div class="22222">TEXT</div>
  ...
</div>

Нужно изменить значение 11111 и TEXT. Сам программирую на дельфи, а тут вдруг понадобился яваскрипт). Заранее спасибо

ksa · #2 (**permalink**) 24.02.2011, 21:52

Сообщение от MrBadge

Часть кода

Мало информации... Ответ может быть ооочень общим.

Тебе нужно у всех дивов такое менять? Или только у этих двух? Может у них есть некий материнский элемент? Это ускорит такого рода преобразования...

MrBadge · #3 (**permalink**) 24.02.2011, 22:28

да, нужно поменять только в этих дивах (такие дивы (по классу) единственные). Родительского элемента, как такового, нет. Может, можно организовать поискам по дивам? типа if div.class='11111' then .. ?

время особенно не важно (в пределах разумного))

ksa · #4 (**permalink**) 25.02.2011, 10:10

Сообщение от MrBadge

такие дивы (по классу) единственные. Родительского элемента, как такового, нет

Тогда как вариант...

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.a11111 {
	border: 1px solid red;
	cursor: default;
}
.a33333 {
	border: 1px solid green;
}
</style>
<script>
function Go() {
	var o=document.getElementsByTagName('div')
	var i
	for (i=0; i<o.length; i++) {
		switch (o[i].className) {
			case 'a11111':
				o[i].className='a33333'
				break
			case 'a22222':
				o[i].innerHTML='Test'
				break
		}
	}
}
</script>
</head>
<body>
<div class="a11111">
  <div class="a22222">TEXT</div>
</div>
<input type='button' value='Go' onclick='Go()' />
</body>
</html>

Поскольку у тебя идентификаторы классов не соответствуют спецификации, я их немного изменил...

ksa · #5 (**permalink**) 25.02.2011, 10:14

Сообщение от MrBadge

такие дивы (по классу) единственные

Таки нужно это использовать себе воблаго!

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.a11111 {
	border: 1px solid red;
	cursor: default;
}
.a33333 {
	border: 1px solid green;
}
</style>
<script>
function Go() {
	document.getElementById('d1').className='a33333'
	document.getElementById('d2').innerHTML='Test'
}
</script>
</head>
<body>
<div id='d1' class="a11111">
	<div id='d2' class="a22222">TEXT</div>
</div>
<input type='button' value='Go' onclick='Go()' />
</body>
</html>

Видишь разницу?

MrBadge · #6 (**permalink**) 25.02.2011, 11:23

Спасибо) Пока не работает, но все еще впереди) Вопрос: если в названии класса есть пробел, нужно ли как-то его выделять? Второй код не подходит, тк html страница не моя и именно у этих дивов айди нет)(скрипт для адресной строки) приведу код еще раз с нормальными названиями классов)

<div class="line yrov0" style="cursor: default">
  <div class="line_nadpis">TEXT</div>
  <div>
    <div class="line_l fl_l" style="width: 184px;"></div>
    <div class="line_r fl_r" style="width: 16px;"></div>
  </div>
</div>

"line yrov0" → "line yrov1"
TEXT → New_text

ksa · #7 (**permalink**) 25.02.2011, 20:45

Сообщение от MrBadge

если в названии класса есть пробел

Это уже два класса.

Сообщение от MrBadge

Второй код не подходит

Тогда переделай первый под свои значения...

MrBadge · #8 (**permalink**) 25.02.2011, 22:42

хах) да, конечно я переделал под свои значения=)
Делаю так:

javascript:
	var o=document.getElementsByTagName('div'); 
	var i;
	for (i=0; i<o.length; i++) {
		switch (o[i].className) {
			case 'yrov0':
				o[i].className='yrov1';
				break;
			case 'line_nadpis':
				o[i].innerHTML='New_text';
				break;
		};
	};

Но по непонятным причинам он не работает ...

dmitriymar · #9 (**permalink**) 26.02.2011, 00:22

; ставить не учили?

MrBadge · #10 (**permalink**) 26.02.2011, 10:38

не в этом дело) (; стояли, когда проверял)

Форум

Справочник

Discord чат

Курсы javascript