DOM��JavaScript: �������݂�

2001�N8��26��(��)�X�V


�����ꂼ��̃m�[�h�ɑ������‚���XML�h�L�������g

������: ����́A�e�m�[�h�̑����𒲂ׂ�C���^�[�t�F�C�X�𒆐S�ɂ��b���悤�ˁB

�����: �́`���B

������: ���̑O�ɁA����g��XML�h�L�������g���ڂ��Ă������ˁB�O���XML�e�L�X�g�ɑ�����lj����Ă����B�ŏ��Ƀ��X�g�����Ă݂悤�B

XML�h�L�������g�T���v�� poems-2.xml

<?xml version="1.0" encoding="Shift_JIS"?>

<manyosyu volume="1">

  <poem no="0008" poet="�z�c��">
    �n�c��(�ɂ�����)�ɑD��肹�ނƌ��҂Ă΁A�������ȂЂʁA���͑����o�ł�
  </poem >

  <poem no="0020" poet="�z�c��">
    ��(������)�����A����s���W��(���߂�)�s���A���(�̂���)�͌�����A�N�����U��
  </poem>

  <poem no="0028" poet="�����V�c">
    �t�߂��� �ė�����炵 ����(���낽��)�� �ߊ������� �V�̍���R
  </poem>

</manyosyu>

�����: poem�ɑ���no(�̔ԍ�)��poet(���)���lj�����Ă����ˁB

������: �ȒP���ˁB���Ⴀ�A���̃T���v��XML�h�L�������g��DOM�ł͂ǂ��c���[�\���Ƃ��ĕ\������邩�����̐}�ɕ`���Ă����ˁB

XML�h�L�������g�T���v����DOM�C���[�W

�����: �����A�������!!

������: ���Ⴀ�A���̃T���v��XML�h�L�������g�̑������ǂ������̂������b���悤�ˁB


�������̃e�L�X�g���Ђ낤

�����: �q�m�[�h�̃e�L�X�g���Ђ낤(����Ă���)�̂͑O����������ˁB

������: �q�m�[�h�̃e�L�X�g���Ђ낤�̂Ǝ����悤�Ȃ��̂���B���ɍڂ���ˁB���ꂼ��Y����DOM�C���^�[�t�F�C�X�����ڂ��Ă����ˁB

  1. �m�[�h�ɑ��������邩�ǂ����𒲂ׂ�: hasAttributes
  2. �����������‚��邩�𒲂ׂ�: attributes.length
  3. �����̃e�L�X�g������Ă���: attributes.item(int index).text

�����: �q�m�[�h�̂Ƃ��́A"childNodes"�������̂��A"attributes"�ɂȂ��Ă���̂ˁB

������: ���������B�����}�Ő������Ȃ��Ă��킩���ˁB

�����: �����A����B�B�B�B�B (^ ^;

������: ���Ⴀ�A�����炢�̂‚���ŊȒP�ɐ������Ă������ˁB


���m�[�h�ɑ��������邩�ǂ����𒲂ׂ�: hasAttributes

������: hasAttributes�́A�m�[�h�ɑ��������邩�ǂ����𒲂ׂ���̂Ȃ񂾂ˁB

�����: �����A�����������" true "�A�������Ȃ����"false"�ɂȂ�̂�ˁB�����ł���?!

������: ���������B������ˁB�����A�������A����̃T���v���ł͂���hasAttributes�͎g��Ȃ�����ˁB

�����: �����A�ǂ�����??

������: hasAttributes��msxml�ł̓T�|�[�g����Ă��Ȃ��񂾁B

�����: �����Ȃ񂾂��E�E�E�E�E


���m�[�h�̑����̐��𒲂ׂ�: length

������: �‚��́A�m�[�h�̑����̐��𒲂ׂ�length���B�����ł́A�����̐��𒲂ׂ邩��A����������attributes�ƃh�b�g(.)�ł‚Ȃ���attributes.length���g����B

�����: �����A�����Ȃ̂ˁB�B

DOM: attributes.length


�������̒l(�e�L�X�g)���Ђ낤: attributes.item(int index).text

������: �Ō�́A�����̒l(�e�L�X�g)�𒲂ׂ�attributes.item(int index).text���B

�����: ����A�q�m�[�h�̃e�L�X�g���Ƃ��Ă���̂ƂقƂ�Ǔ����ˁB

������: ���������B����������ˁB

attributes
�����������܂�
item(int index)
index�Ԗڂ̑����������܂��Bindex�́A0����n�܂�܂��B�ł�����Aitem(0)�͍ŏ��̃m�[�h�ł��B
text
���Ă��鑮���̃e�L�X�g���Ƃ��Ă��܂��B

�����: �����B�킩���B

������: ������A�O�̂��߂ɐ}�ŊȒP�ɐ������Ă����ˁB

DOM: attributes.item(int index).text


��JavaScript�T���v�����X�g�ƕ\������

�����: ������������������B���Ⴀ�A�˂�! (^ ^*

������: �������ˁB���Ⴀ�A�����JavaScript���܂�HTML�t�@�C���̓��e�����ɍڂ��悤�ˁB

�����: �����A�������Ă݂�����!!

<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/html; charset=Shift_JIS">
<link rel="stylesheet" type="text/css" href="manyo.css" />

<title>���̂���XML: DOM sample ����������</title>

<script language="JavaScript">

function display()
{
        // XML�h�L�������g��DOM�ň������߂̃I�u�W�F�N�g�����
    xml_doc = new ActiveXObject("Microsoft.XMLDOM");

        // XML�h�L�������g�̓ǂݍ��ݐݒ������(�񓯊��ɂ��Ȃ�)
    xml_doc.async = false;

        // XML�h�L�������g"poems.xml"��ǂݍ���
    xml_doc.load("poems-2.xml");

        // string�Ƃ������O�̕��������ɂ���
    var string = "<p>";

        // ���[�g�m�[�h�̑���(volume)���擾����string������ɒlj�������܂�
    var volno = xml_doc.documentElement.attributes.item(0).text;
    string += "�����t�W��volume(����)�́A" + volno + " �ł��B<br/>" ;

        // �q�m�[�h������Ίe�m�[�h�̑���(no)���e���擾����string������ɒlj�������܂�

    if (xml_doc.documentElement.hasChildNodes()) {
        var i = 0;

            // �q�m�[�h�̐��𒲂ׂ܂�
        var j = xml_doc.documentElement.childNodes.length ;
        string += "���q�m�[�h(poem)�� �̔ԍ�(no),���(poet) �����X�g���܂��B<br/>" ;

        // �q�m�[�hpoem��no(����)�ƃe�L�X�g���Ƃ���string������ɒlj�������܂�
        var no = "";
        var poet ="";

        while (i < j) {
        no = xml_doc.documentElement.childNodes.item(i).attributes.item(0).text;
        poet = xml_doc.documentElement.childNodes.item(i).attributes.item(1).text;
        string += "�̔ԍ�="+ no + ", " ;
        string += " ���=" + poet + "<br/>" ;

        i++;
        }

    } else string +="�̂͂���܂���B"

    string += "</p>" ;

        // id��poem��div�̈��string�������\������
    poem.innerHTML = string;
}
</script>
</head>

<body onload="display()">
<h3 align="center">���̂���XML: DOM�T���v��(�������݂�)</h3>
<h3 align="center">- attributes.item(i).text -</h3>

<div id="poem"></div>

</body>
</html>

�����: �悭����Ɓu���[�g�m�[�h�̑���(volume)���擾�v�̂Ƃ���͑O�������Ă����̂ˁB�C���t���Ȃ�������B

������: �ł��A����ł悭����������ˁB���Ⴀ�A����HTML�e�L�X�g�����‚��̂悤�Ƀt�@�C���ɂ��Ă�������N���b�N���Ă݂āB

JavaScript�T���v���@dom-3(attributes).html�̕\������

�����: �������‚Ȃ番�����Ă��������E�E�E

������: ����Ă�����������Ă������ˁB���Ⴀ�A����͂����܂ŁB���‚��ꂳ�܁B�‚����u�����v���o�Ă��邩���ˁB

�����: �����A�����Ȃ́B���̂��݂���B�B�B (^ ^*

���������̃m�[�h������(nextSibling)���ł��B (^ ^;