특정 태그의 클래스의 자손 요소 조작

JQuery 코드

<script type="text/javascript">
	$(function(){
		$('div.sample p').css('color','red');
	});
</script>

JavaScript 코드

<script>
	window.onload = function(){
		var divs = document.getElementsByTagName('div');
		for(var i = 0; i<divs.length; i++){
			if(divs[i].getAttribute('class') == 'sample'){
				var children = divs[i].children;

				for(var j=0;j<children.length; j++){
					var child = children[j];

					if(child.nodeName == 'P'){
						child.style.color = 'red';
					}
				}
			}
		}
	}
</script>