�v���O���}������̃A���S���Y���ƃf�[�^�\���͒m���Ă��ē��R�̒m���ł��B�������A���ȏ��I�Ȓm�������m��Ȃ��āA���H�I�ȃv���O���~���O�ɖ𗧂Ă邱�Ƃ��ł���ł��傤���i�ҏW���j
�@�u�ő�������߂�v���O����������āv�Ƃ����āA�����ɏ�����ł��傤���B
�@��ʓI�ɂ͏��w�Z�ōő���̋��ߕ��������܂��B2�̐������ʂ���f���Ŋ����Ă����Ƃ������̂ł��B���̂܂܃v���O�������悤�Ƃ���ƁA�܂��f�������߂�Ƃ��납��n�߂Ȃ���Ȃ炸�A���X������ł��B
�@�ł��P���ɂ��Ƃ���A2�̐��̏������ق�����1�����炵�ė����̐��������Ă����A�ǂ�����]�肪0�ɂȂ���̂����߂�Ƃ������@�ł悢�ł��傤�B���������̂����͖��ʂ��������ł��B
�@�u���[�N���b�h�̌ݏ��@�v�Ƃ������@���g���ƊȒP�Ƀv���O�����ɂ��邱�Ƃ��ł��܂��B���[�N���b�h�̌ݏ��@�Ƃ͈ȉ��̂悤�ȕ��@�ōő�������߂�����ł��B
�@���̂����Ȃ���ɊȒP�Ƀv���O�����ɂ��邱�Ƃ��ł��܂��B
<html>
<body>
<script type="text/javascript">
function saidaikouyakusuu(a, b) {
display("saidaikouyakusuu", "�v�Z���F" + a + "��" + b + "�̍ő����");
var r = a % b;
if (r == 0) {
return b;
}
return saidaikouyakusuu(b, r);
}
function display(id, str) {
var element = document.getElementById(id);
element.innerHTML += str + "<br/>";
}
</script>
<div id="saidaikouyakusuu"></div>
<script type="text/javascript">
display("saidaikouyakusuu", "�ő����" + saidaikouyakusuu(14, 21));
</script>
</body>
</html>
�@21�s�ڂ�display���Ńv���O�����̎��s���n�܂�܂��B
�@4�`11�s�ڂ�saidaikouyakusuu�����ő�������߂���ł��B���ɒZ���v���O�����ł��B
�@���̊��̍Ō�̕�����saidaikouyakusuu�����Ăяo���Ă��܂��B���̂悤�Ɋ��̒��Ŏ������g���Ăяo���悤�Ȃ������u�ċA�v�Ƃ����܂��B���܂��܂ȃA���S���Y���ōċA���悭�g���܂��̂ŁA����͍ċA���g�����A���S���Y�����Љ�ė�����[�߂܂��B
�@HTML�̂��ׂẴ^�O�ׂāA�w�i�F�����Ȃ��Ă���^�O�̔w�i�F��Ԃɕς���v���O����������Ă݂܂��傤�B
�@�^�O�̖��O��id�����肳��Ă����document.getElementByTagName()��document.getElementById()���g�����Ƃ��ł��܂��B�������A���̏ꍇ�͂��ׂẴ^�O�ׂȂ��Ƃ����Ȃ��̂œK�p�ł��܂���B
�@���[�v���Ē��ׂĂ����Ƃ���ƁA�^�O�̓���q�����ɂȂ�܂��B����^�O�̎q�m�[�h�̃��X�g��childNodes�Ƃ��Ď擾�ł��܂��B���̃��X�g�ɑ��ă��[�v���Ă��ꂼ��̗v�f�ׂ�悢�̂ł����A����Ɏq�m�[�h������ꍇ������܂��B�q�m�[�h�̓���q�����d���ŏ����番�����Ă�����ꂾ�����[�v�����q�ɂ���悢�̂ł����A���d�Ȃ̂��͕�����܂���B
�@���������ꍇ�͍ċA���g���ƊȒP�Ɏ����ł��܂��B
<html>
<script type="text/javascript">
function changeColor(element) {
if (element == null) {
var element = document.body;
}
if (element.childNodes.length > 0) {
changeColor(element.firstChild);
}
if (element.nodeType == 1) {
if (element.style.backgroundColor == "blue") {
element.style.backgroundColor = "red";
}
}
if (element.nextSibling != null) {
changeColor(element.nextSibling);
}
}
</script>
<body>
<form>
<table border="1">
<tr>
<td style="background-color: blue;">�Ԃ�������</td>
<td>�Ԃ����Ȃ�</td>
</tr>
<tr>
<td><span style="background-color: blue;">�Ԃ��Ȃ�</span></td>
</tr>
</table>
<div style="width: 200px; border-style: solid;">
<span>�����͐Ԃ����Ȃ�</span>
</div>
<div id="test1"><span id="test2">�^�O�����q�ɂ���</span></div>
</form>
<input type="button" value="���s�J�n" onclick="changeColor()" />
</body>
</html>
�@�܂��́AWeb�u���E�U�Ŏ��s���Ă݂Ă��������B�u���s�J�n�v�Ə����Ă���{�^�����N���b�N����ƁA��ʂŐ��Ȃ��Ă��镔�����Ԃ��ς��܂��B
�@�v���O������������܂��B�傫�ȗ���Ƃ��Ă͈ȉ��̂悤�ɂȂ�܂��B
�@�^�O�̃`�F�b�N����}�ɂ���Ǝ��̂悤�ɂȂ�܂��B
�@���Ƃ͓����v�̂ŏ����������܂��B�Ȃ��Ȃ���������ł������ɃX�}�[�g�Ɏ������邱�Ƃ��ł��܂����B
�@�ċA���g��Ȃ��œ����������������Ă݂܂��傤�B�v���O�����͈ȉ��̂悤�ɂȂ�܂��B
<html>
<script type="text/javascript">
function changeColor() {
var current = document.body;
var stack = new Array();
var isPopped = false;
while (current != null) {
if (!isPopped) {
if (current.childNodes.length > 0) {
stack.push(current);
current = current.firstChild;
continue;
}
}
if (current.nodeType == 1) {
if (current.style.backgroundColor == "blue") {
current.style.backgroundColor = "red";
}
}
isPopped = false;
current = current.nextSibling;
if (current == null) {
current = stack.pop();
isPopped = true;
}
}
}
</script>
<body>
<form>
<table border="1">
<tr>
<td style="background-color: blue;">�Ԃ�������</td>
<td>�Ԃ����Ȃ�</td>
</tr>
<tr>
<td><span style="background-color: blue;">�Ԃ��Ȃ�</span></td>
</tr>
</table>
<div style="width: 200px; border-style: solid;">
<span>�����͐Ԃ����Ȃ�</span>
</div>
<div id="test1"><span id="test2">�^�O�����q�ɂ���</span></div>
</form>
<input type="button" value="���s�J�n" onclick="changeColor()" />
</body>
</html>
�@��܂��ȏ����̗���͍ċA���g�����ꍇ�Ɠ��l�ł��B�q�m�[�h���Ȃ��Ƃ���܂ŊK�w�������Ă䂫�A�����K�w�̃m�[�h�����Ƀ`�F�b�N���Ă����܂��B��ԉ��̊K�w��S�����I�������A��̊K�w�ɖ߂�Ȃ��Ƃ����܂���B�ċA�̏ꍇ�͓��Ɉӎ����Ȃ��Ă��݂܂������A�ǂ��ɖ߂�̂����o���Ă������߂ɃX�^�b�N���g���܂��i�X�^�b�N�̏ڍׂɂ��Ă��O���̉�����Q�Ƃ��Ă��������j�B
�@�q�m�[�h������Ƃ��A���̊K�w�Ɉړ�����ۂɁA��Ŗ߂��悤�A�X�^�b�N�ɕۑ����܂��B�X�^�b�N�͌�����o���Ȃ̂ŁA��̊K�w���牺�Ɉړ����Ă����ƁA�߂�Ƃ��͉������ɖ߂邱�Ƃ��ł��܂��B
�@pop������A���̗v�f�̎q�m�[�h�����邩���ׂ�ƁA�K�����݂���̂Ŗ������[�v�ɂȂ��Ă��܂��܂��B�q�m�[�h������ꍇ�ɂ��̗v�f��push���Ă��邽�߂ł��B���̖������[�v������邽��isPopped�Ƃ����ϐ����g���Apop�������̂ɂ��Ă͎q�m�[�h�����邩���ׂ鏈�������Ȃ��Ŏ��̃m�[�h�Ɉڂ�悤�ɂ��܂��B
�@���̂悤�ɍċA���g�����v���O�����͍ċA���g��Ȃ��v���O�����ɏ��������邱�Ƃ��ł��܂��B����������ۂɂ̓X�^�b�N�����p���邱�Ƃ��悭����܂��B�������A���̗�����Ă�������悤�ɁA�ċA���g�����ق����X�}�[�g�ɕ�����₷���L�q�ł���ꍇ�������ł��B
Copyright © ITmedia, Inc. All Rights Reserved.
��IT eBook