JavaScript��DOM�ɒ����F���S�҂̂��߂�JavaScript����i7�j�i1/2 �y�[�W�j

HTML���h�L�������g�I�u�W�F�N�g�Ƃ��Ĉ������߂̖񑩎��uDOM�v���AJavaScript��ʂ��Ďg�����ƂŁAHTML�̍D���ȕ�����ǂݏ������邱�Ƃ��ł��܂��B

» 2011�N02��07�� 10��00�� ���J
[���������C�L����ЃC���e���N�g�L���[�u]

�@�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>

LXg̎s ��L���X�g�̎��s����

�@���шꗗ��\�����郋�[�v���ɁA���ϓ_�p�̕ϐ�total�����Z���鎮�����āA�\���ƌv�Z�𓯂����[�v���ŏ������Ă��܂��B

�@����́AHTML�𑀍삷��uDOM�v�i�h���j�Ƀ`�������W���Ă݂܂��傤�B

HTML�̍\���𗝉����Ă݂悤

�@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

}1 �}1

�@���̂悤�Ɂ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

DOM��JavaScript����HTML���g���d�g��

�@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>

}2FLhLgDOMc[ �}2�F��L�h�L�������g��DOM�c���[

�@���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

�q�ǂ��m�[�h�͔z��ŊǗ�

�@�ł́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

�@�@�@�@�@�@ 1|2 ���̃y�[�W��

Copyright © ITmedia, Inc. All Rights Reserved.

'; this.insertTarget = document.querySelector('#cmsBody .subscription') || document.querySelector('#cmsBody .inner'); }; BodyAdIMSWithCCE.prototype = Object.create(BodyAdContent.prototype); BodyAdIMSWithCCE.prototype.activate = function () { refreshGam('InArtSpecialLink'); } // global reference window.itm = itm; //entry point BodyAdEventBase.polyfill(); const bodyAdManager = BodyAdManager.getInstance(); bodyAdManager.addEventListener(BodyAdManager.EVENTS.READY, function (ev) { bodyAdManager.loadAdvertise(); }); bodyAdManager.init(); })();
�X�|���T�[����̂��m�点PR

���ڂ̃e�[�}

Microsoft  WindowsőO2025
AI for GWjAO
[R[h^m[R[h Zg by IT - ITGWjArWlX̒SŊ􂷂gD
Cloud Native Central by IT - XP[uȔ\͂gD
�V�X�e���J���m�E�n�E �y�����i�r�zPR
���Ȃ��ɂ������߂̋L��PR

RSS�ɂ‚���

�A�C�e�B���f�B�AID�ɂ‚���

���[���}�K�W���o�^

��IT�̃��[���}�K�W���́A �������A���ׂĖ����ł��B���Ѓ��[���}�K�W�������w�ǂ��������B