Помогите с DOM'ом.

136 повідомлень

#17 років тому

Почему же не появляется/исчезаетЦитата:

#innerUl

по нажатии ссылку.
П.С. по хорошему надо разбирать справочники.. но траванулся сигаретой(выкурил после года некурения).. хватило сил, чтобы добраться до форума только. Очень плохо. Бросайте курить!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

	"http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">

<head>

<title>test</title>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<style type="text/css">

		ul{list-style:none}



#list {

		background:#ffeedd;

		width:300px; 

		height:500px;

		float:left

		} 



#innerUl{display:none}

	</style>



<script>

		function uler()

		{

			if(this.parentNode.childNodes.style.display=="none")

			{



this.parentNode.childNodes.style.display="block";

			}else



this.parentNode.childNodes.style.display="none";

			}		

	</script>

</head>

<body>

	<ul id="list">

		<li><a href='#' onClick="uler()">Пункт1</a>

			<ul id="innerUl">



<li><a href='#'>Подпункт1</a></li>



<li><a href='#'>Подпункт2</a></li>



<li><a href='#'>Подпункт3</a></li>

			</ul>

		</li>

	</ul>

</body>

</html>

244 повідомлення

#17 років тому

А где передается ссылка на объект??

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

"http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">

<head>

<title>test</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

ul{list-style:none}



#list {

background:#ffeedd;

width:300px; 

height:500px;

float:left

} 



#innerUl{display:none}

</style>



<script>

function uler(obj)

{


	if(obj.parentNode.childNodes.style.display == "block")

	{

		obj.parentNode.childNodes.style.display="none";

	}

	else

		obj.parentNode.childNodes.style.display="block";

}

</script>


</head>

<body>

<ul id="list">

<li><a href='#' onClick="uler(this)">Пункт1</a>

<ul id="innerUl">



<li><a href='#'>Подпункт1</a></li>



<li><a href='#'>Подпункт2</a></li>



<li><a href='#'>Подпункт3</a></li>

</ul>

</li>

</ul>

</body>

</html>

2195 повідомлень

#17 років тому

Добавлю, что делать подобное лучше не манипулируя style, а добавлять/убирать класс элементу с display:none.

136 повідомлень

#17 років тому

Цитата:

А где передается ссылка на объект??

Ок. Буду от этого замечания отталкиваться.

Цитата:

Добавлю, что делать подобное лучше не манипулируя style, а добавлять/убирать класс элементу с display:none.

Логично.

П.С. полегчало от никотина)