getElementsByClassName

stars · June 2, 2010

Не получается разобраться как нужно дописать код чтобы работал getElementsByClassName в ie... Ясно только одно что ie пока что не обзавелся такой функцией...

вот код страницы и сама страница http://stars124.narod.ru/js2.html

нид хэлп

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
<title>Z-index</title>
<script type="text/javascript">
		function color3(node){
		var wrap = document.getElementById('wrap3')

		var wrapDiv = wrap.getElementsByClassName("z")
		var wrapDiv2 = wrap.getElementsByClassName("b")
		var wrapDiv3 = wrap.getElementsByClassName("s")
		var nodeDiv = node.getElementsByTagName('div').item(0)

		for(var i = 0; i<wrapDiv.length; i++){ 
			wrapDiv.item(i).className = 'm'
		}
				for(var i = 0; i<wrapDiv2.length;i++){ 
			wrapDiv2.item(i).className = 's'
			nodeDiv.className = 'b'
		}

				for(var i = 0; i<wrapDiv3.length;i++){
			nodeDiv.className = 'b'
		}
		node.className = 'z'
	}

</script>
<style type="text/css">
	*{ margin: 0; padding:0}
	body { margin: 50px;}

		div#wrap3 { width: 600px; height: 100px; border: 1px solid #000; }
		div.m { height: 100px; width: 100px; background: red; float:left;}
		div.z { height: 100px; width: 300px; background: green; float:left; }
		div.s { height: 96px; width: 200px; background: yellow; display: none; border: 2px dotted #F09; float:right; }
		div.b { height: 96px; width: 200px; background: yellow; display: block; border: 2px dotted #F09; float:right; }


</style>
</head>
<body>
	<div id="wrap3">
		<div onclick="color3(this);" class="m">Проба1<div class="s">1111111</div></div>
		<div onclick="color3(this);" class="m">Проба2<div class="s">2222222</div></div>
		<div onclick="color3(this);" class="m">Проба3<div class="s">3333333</div></div>
		<div onclick="color3(this);" class="z">Проба4<div class="b">4444444</div></div>
	</div>
</body>
</html>

Edited June 2, 2010 by stars

stars · June 3, 2010

проблема решилась путем создания функции специально для ie

document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem.className;
if (myclass.test(classes)) retnode.push(elem);
}
return retnode;
};

Sign In

getElementsByClassName

Question

stars

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

stars

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information