HTML���h�L�������g�I�u�W�F�N�g�Ƃ��Ĉ������߂̖��uDOM�v���AJavaScript��ʂ��Ďg�����ƂŁAHTML�̍D���ȕ�����ǂݏ������邱�Ƃ��ł��܂��B
�@�A�ڂ̑O��A�u��6�� �z��ƃI�u�W�F�N�g�Ńf�[�^���܂Ƃ߂��v�ł́A�z��ƃI�u�W�F�N�g�̊�{�I�Ȉ�������������܂����B�����f�[�^�̗ʂ����Ȃ������́A���ʂ̕ϐ������łȂ�Ƃ��Ȃ��Ă��܂��܂����A�f�[�^�̗ʂ�������Α�����قǁA�z���I�u�W�F�N�g�̂��肪���݂�������܂��B
�@���ɁA�z��ɓ��ꂽ�f�[�^���A���[�v�ň�C�ɏ������������������悤�ɂȂ�A���S�ґ��ƂƂ����Ă������ł��傤�B
�@����ł́A�O��̉ۑ�̓������킹�����Ă݂܂��傤�B���ϓ_�̋��ߕ��́A�z��̃T���v���ł���Ă����̂ŊȒP�������ł��傤���B�T���v���ł́A���т̈ꗗ�ƕ��ϓ_���ɕ\������悤�ɂ��Ă݂܂����B
<html> <body> <script type="text/javascript"> function Seito(_namae, _seiseki) { this.namae = _namae; this.seiseki = _seiseki; } var kumi=[]; kumi[0]=new Seito("�R�c���Y",95); kumi[1]=new Seito("�c����Y",73); kumi[2]=new Seito("��؉Ԏq",86); var total=0; for(i=0;i<kumi.length;i++){ document.write(kumi[i].namae+"�F"+kumi[i].seiseki+"�_<br>"); total+=kumi[i].seiseki; } var heikin = total/kumi.length; document.write("���т̕��� = "+heikin); </script> </body> </html>
�@���шꗗ��\�����郋�[�v���ɁA���ϓ_�p�̕ϐ�total�����Z���鎮�����āA�\���ƌv�Z�����[�v���ŏ������Ă��܂��B
�@����́AHTML�𑀍삷��uDOM�v�i�h���j�Ƀ`�������W���Ă݂܂��傤�B
�@DOM�̐����̑O�ɁA�܂��ȒP��HTML�̍\���������炢���Ă݂܂��傤�B����HTML�����Ă��������B
<html> <head> <title>�^�C�g��</title> </head> <body> <div>�u���b�N1</div> <div>�u���b�N2</div> </body> </html>
�@HTML�́A<img>�^�O��A���s�̂��߂�<br>�^�O�Ȃǂ������̃^�O�������āA��{�I�ɂ�<html>�̂悤�ȊJ�n�^�O�ƁA</html>�̂悤�ȓ��Ɂu/�v�i�X���b�V���j�̕t�����I���^�O���Z�b�g�Ŏg���܂��B
�@�Ⴆ�A���HTML�ł����A�ŏ���<html>�ƍŌ��</html>���Z�b�g�ɂȂ��Ă��܂��B���̃^�O�̃Z�b�g�̊Ԃɏ����ꂽ�������A<html>�^�O�̒��g�ƌ����܂��B
�@<html>�`</html>�̒��g�����Ă݂�ƁA<head>�`</head>�Ƃ����Z�b�g�ƁA<body>�`</body>�Ƃ����Z�b�g������܂��B����ɁA<head>�`</head>�̒��g�ɂ�<title>�`</title>�Ƃ����Z�b�g�������āA<body>�`</body>�̒��g�ɂ�<div>�`</div>�Ƃ����Z�b�g��2�����Ă��܂��B
�@�C���[�W�Ƃ��Ă͐}1�̂悤�ɁA<html>�Ƃ������̒��ɁA<head>��<body>�Ƃ������������Ă��āA<head>�Ƃ������̒��ɂ�<title>�Ƃ�����������A<body>�Ƃ������̒��ɂ�<div>�Ƃ�������2�����Ă��܂��B�����āA���ꂼ��̗v�f���u����q�v�ɂȂ��Ă���\���Ƃ����܂��B
�@���̂悤�Ɂu����q�v�ɂȂ��Ă���\�����u�K�w�\���v�ƌĂт܂��B�u���E�U�́AHTML���K�w�\���Ƃ��Ĉ����Ă��܂��B���������g�߂ȗ�Ō����A�p�\�R����OS�̃t�H���_���K�w�\���ɂȂ��Ă��܂��B
�@�uOS�̃t�H���_��HTML���\���I�ɓ����v�ƌ����Ă��A�s���Ɨ��Ȃ��l�����邩������܂���B����������̓I�ɂ����ƁA�Ⴆ�A�u�}�C�h�L�������g�v�̒��Ɂu�}�C�s�N�`���v�Ɓu�}�C�~���[�W�b�N�v������悤�ɁA<html>�̒���<head>��<body>�������Ă���C���[�W�A�ƌ����Ε������Ă���������ł��傤���B
�@HTML�̊K�w�\�����C���[�W�ł����ł��傤���H
�@�uDOM�̘b�Ȃ̂ɁA�Ȃ��HTML�̘b�������̂��v�Ǝv����������܂��AHTML�̊K�w�\�����C���[�W�ł��邩�ł��Ȃ����ŁADOM�̗���x�ɂ������o�Ă��܂��܂��B
�@�u�C���[�W���ł��Ȃ��c�c�v�Ƃ����l�́A���̐��ǂޑO�ɁA�K�w�\���Ƃ������t��O���ɂ����āA��������HTML���̂�����Ă݂邱�Ƃ������߂��܂��BHTML�ɑ��āA�����ƐV��������������Ǝv���܂��B
�@�u����Ȃ̊ȒP����v�ƌ�����l�́A������DOM�������ł���悤�ɂȂ�܂��B���S���Đ��ǂ�ł��������B
�@JavaScript��HTML���h�L�������g�I�u�W�F�N�g�Ƃ����I�u�W�F�N�g�Ƃ��Ĉ����Ă��܂��B�u�I�u�W�F�N�g�v�ɂ��Ă͑�6��ł��܂����B�I�u�W�F�N�g��HTML�̂悤�ȊK�w�\���������̂ɂ��A�ƂĂ��֗��Ȃ̂ł��B
�@DOM�Ƃ����̂́AHTML���h�L�������g�I�u�W�F�N�g�Ƃ��Ĉ������߂̖��ł��BDocument Object Model�i�h�L�������g�E�I�u�W�F�N�g�E���f���j�𗪂���DOM�ƌĂ�ł��܂��B
�@DOM��������m��Ȃ������Ƃ�������������������܂��A���́A���̘A�ڂ̒��ł��łɉ����DOM���g���Ă��܂��B
�@��4��ŏo�Ă����udocument.getElementById("��").innerHTML�v�́A����DOM�Ȃ̂ł��B���̂悤�ɁAJavaScript����HTML���ȒP�ɎQ�Ƃ��Ďg�����߂̎d�g�݂�DOM���ƍl���Ă��������B
�@�u.�v�i�h�b�g�j�łȂ����������A�I�u�W�F�N�g�Ɏ��Ă��܂��ˁB�������ɁA�����܂ł͕��ʂ̃I�u�W�F�N�g�������悤�ɂ͂����܂��A��{�I�Ȏd�g�݂�������ΊȒP�ł��B
�@��6��ł�����悤�ɁA���ʂ̃I�u�W�F�N�g�̏ꍇ�A�I�u�W�F�N�g�̒��g���Q�Ƃ��邽�߂ɂ́A�u�I�u�W�F�N�g��.�v���p�e�B�[���v�̂悤�ɖ��O�ŎQ�Ƃ��ł��܂����B�Ƃ��낪�ADOM�̒��g�ɂ͎Q�Ƃ̂��߂́u�I�u�W�F�N�g���v�ɂ����閼�O���Ȃ����߁A�Ⴆ�uhtml.body.div�v�̂悤�ȎQ�Ƃ��ł��Ȃ��̂ł��B
�@���O�ł̎Q�Ƃ��ł��Ȃ��̂ŁA�ǂ����邩�Ƃ����ƁA�udocument�v�Ƃ����I�u�W�F�N�g��e�Ƃ��āA�}2�̂悤�Ȑe�q�W�A�Z��W�ŃI�u�W�F�N�g���Q�Ƃ��Ă����܂��B���̂悤�ȎQ�ƍ\���̂��Ƃ��A��1�{�̊�����}�����ꂵ�Ă����悤�ɂ�������̂Ńc���[�i�j�\���Ƃ��Ăт܂��B�܂��AHTML�̏ꍇ�A���̃c���[��document�I�u�W�F�N�g���e�Ȃ̂ŁA�u�h�L�������g�c���[�v�ƌĂ�܂��B
�@�}2�́A���̃T���v����Internet Explorer 8�ł̃h�L�������g�c���[�ł��B
<html> <head> <title>�h�L�������g�c���[���āH</title> </head> <body> <div> �h�L�������g�I�u�W�F�N�g�̓c���[�\���ŕ\���܂��B </div> <script> alert(document.firstChild.childNodes[1].firstChild.firstChild.nodeValue); </script> </body> </html>
�@���s����ƁAbody�^�O����div�^�O�̓��e���A���[�g�ŕ\������܂��B�h�L�������g�c���[�́udocument�v����n�܂��āA���̃T���v���̏ꍇ�A�ŏ��̎q�ǂ��́u<html>�v�ɂȂ�܂��B�u<html>�v�̎q�ǂ��́u<head>�v�Ɓu<body>�v�ɂȂ��Ă���̂�������ł��傤���H
�@���̂悤�ɁA�}�����ꂵ�Ă���v�f��Node�i�m�[�h�j�ƌĂт܂��B�m�[�h�Ƃ����̂͌��X�͌��іڂ̂��Ƃł��B�h�L�������g�c���[�ł́AHTML���̂��ׂĂ̗v�f�����̃m�[�h�Ƃ����P�ʂɕ����ĊǗ����Ă��܂��B
�@DOM�ň����m�[�h�̎�ނ͎��HTML�Ɋւ�鎟��3��ނɂȂ�܂��B
�m�[�h�̎�� | ���� |
---|---|
�v�f�m�[�h | HTML�^�O�̂��Ƃł� |
�����m�[�h | HTML�^�O���ɂ���v���p�e�B�[�̂��ƂŁAhref�Asrc�Aid�Ȃǂł� |
�e�L�X�g�m�[�h | �^�O�ȊO�̃e�L�X�g�����̂��Ƃł� |
DOM���m�[�h |
�@���ɁA����Ȃ������̓e�L�X�g�m�[�h�Ɨv�f�m�[�h�̈Ⴂ�Ɍ˘f����������܂���B�T���v���́udocument.firstChild.childNodes[1].firstChild.firstChild.nodeValue�v�Ƃ���DOM�������ڂ����݂Ă݂܂��傤�B
�@�ufirstChild�i�t�@�[�X�g�`���C���h�j�v�Ƃ����̂́A���̖��̒ʂ�A�����̃h�L�������g�c���[��ɂ���ŏ��̎q�ǂ��̂��Ƃ��w���܂��B���̃T���v���̏ꍇ�ł́A�udocument.firstChild�v�́u<html>�v�ɂȂ�܂��B
�@�u<html>�v�ɂ͎q�ǂ���2����܂��B�ŏ��̎q�ǂ��́u<head>�v�ł��B�����DOM�ŏ����ƁA�u�h�L�������g�̍ŏ��̎q�ǂ��̍ŏ��̎q�ǂ��v�Ȃ̂ŁA�udocument.firstChild.firstChild�v�ƂȂ�܂��B
�@�ǂ��ł����H �ȒP�ł��ˁB
�@�ł́A2�Ԗڈȍ~�̎q�ǂ��͂ǂ�����ď����悢�̂ł��傤���B
�@DOM�ł́A�q�ǂ��m�[�h�́uchildNodes�v�Ƃ����z��ŊǗ�����Ă��܂��B���ʂ̔z��Ɠ����悤�ɁA�u�q�ǂ��m�[�h�i�z��j�̉��Ԗځv�Ƃ����̂��w�肷�邾���ő��v�ł��B�������A�z��́u0�v����n�܂�̂ŁA�������ɒ��ӂ��Ă��������B0��������ŏ��̎q�ǂ��Ȃ̂ŁA�ufirstChild�v���uchildNodes[0]�v�Ə��������邱�Ƃ��ł��܂��B
�@2�Ԗڂ̎q�ǂ����Q�Ƃ������Ƃ��́uchildNodes[1]�v�Ə����܂��B�T���v���̏ꍇ�ł́A�udocument.firstChild.childNodes[1]�v�Łu<body>�v��\���܂��B�u<body>�v�̍ŏ��̎q�ǂ��́u<div>�v�ł��ˁB�udocument.firstChild.childNodes[1].firstChild�v���u<div>�v��\���Ă��܂��B
�@�T���v����DOM�ł́A����ɂ��̌��ɁufirstChild�v��t���Ă��܂��B
�@HTML��ł́u<div>�v�͎q�ǂ������Ȃ��͂��ł����c�c�A���́A�u<div>�v���̃e�L�X�g���A�e�L�X�g�m�[�h�Ƃ��đ��݂��Ă��܂��B�udocument.firstChild.childNodes[1].firstChild.firstChild�v�Ƃ����A�����܂ł��u<div>�v�̃e�L�X�g�m�[�h��\���Ă��܂��B
�@���ꂾ���ł́ADOM�̓e�L�X�g�m�[�h�̈ʒu���w�������������ł��B���̈ʒu�ɉ���������Ă��邩�����o�����߂ɂ́A�unodeValue�v���K�v�ɂȂ�܂��B�܂�A�udocument.firstChild.childNodes[1].firstChild.firstChild.nodeValue�v�Ƃ���DOM�́A�u�h�L�������g�́A�ŏ��̎q�ǂ��́A2�Ԗڂ̎q�ǂ��́A�ŏ��̎q�ǂ��́A�ŏ��̎q�ǂ��ɏ�����Ă�����e�v�Ƃ����Ӗ��ɂȂ�܂��B
�@�unodeValue�v���unodeName�v�ɕς��Ă݂�ƁADOM���ǂ������Ă���̂���������܂��B�Ⴆ�A�udocument.firstChild.nodeName�v�Ƃ���ƁA�A���[�g�E�B���h�E�ɁuHTML�v�ƕ\������A�u<html>�v���w���Ă��邱�Ƃ�������܂��B�udocument.firstChild.childNodes[1].firstChild.firstChild.nodeName�v�̏ꍇ�̓e�L�X�g�m�[�h�Ȃ̂ŁA�u#text�v�ƕ\������܂��B
�@DOM�������ɂ́AHTML�̍\�����h�L�������g�c���[�Ƃ��ė����ł���悤�ɂȂ�K�v������܂����A������x����Ă��܂��A�ȒP��JavaScript����HTML�𑀍�ł���悤�ɂȂ�܂��B
Copyright © ITmedia, Inc. All Rights Reserved.