JavaScript��(sh��)�F(xi��n)�c(di��n)��Ԫ��׃ɫЧ��

ҕ�l

������ 8-11 �c(di��n)��׃ɫ

JavaScript��һ�N���܏�(qi��ng)��ľ����Z�ԣ����QJS���ѽ�(j��ng)���V������Web��(y��ng)���_�l(f��),���Á��W(w��ng)����Ӹ�ʽ���ӵĄ�(d��ng)�B(t��i)����,���Ñ��ṩ���������^�Ğg�[Ч����ͨ��JavaScript�_����ͨ�^Ƕ����HTML�Ё팍(sh��)�F(xi��n)�����Ĺ��ܵ�������Webǰ���_�l(f��)�Ļ�ʯ��ÿһ��(g��)Web�_�l(f��)�ˆT������յľ��̼��ܡ�

JavaScript�Ĉ�(zh��)����ه�ڞg�[�������� ���c�����h(hu��n)���o�P(gu��n)��ֻҪ�����\(y��n)�Оg�[����Ӌ(j��)��C(j��)����ԓ�g�[����֧�� JavaScript���t�_���Ϳ����_��(zh��)�С�

1. �@ȡԪ�����O(sh��)�à�B(t��i)  

var zxw = document.getElementsByClassName("zxw");

var abc = 1;

 •��׃���r(sh��)����Ҫָ����(sh��)��(j��)�����׃�����S���xֵ��ͬ���Ԅ�(d��ng)׃�Q��(sh��)��(j��)�����

2. �o�@ȡ������Ԫ�ؽ����¼�

for (var i=0;i<zxw.length;i++) {

zxw[i].onclick=function(){

//Ҫ��(zh��)�еĴ��a

};

};

ʹ��ѭ�h(hu��n)�Z���\(y��n)�д��a�������ÿ��ʹ�ò�ͬ��ֵ���o�@ȡ������Ԫ�ؽ����¼���

3.  ��ͬ��B(t��i)��(zh��)�в�ͬ���a

for (var i=0;i<zxw.length;i++) {

zxw[i].onclick=function(){

if (abc==1) {

//���¼���thisָ����:��(d��ng)ǰ���ڲ�����Ԫ��

this.style.background="red";

abc=2;

} else{

this.style.background="blue";

abc=1;

};

};

};

ʹ�×l���Z��������ͬ��B(t��i)��(zh��)�в�ͬ���a������(d��ng)�B(t��i)��׃��(d��ng)ǰ��B(t��i)��

��Ҫע�⣺

��1��. һ��(g��)��̖(h��o)��ʾ�xֵ���ɂ�(g��)��̖(h��o)�ű�ʾ������

��2��. ���¼���thisָ���ˮ�(d��ng)ǰ���ڲ�����Ԫ�����@һ�c(di��n)�dz���Ҫ��

�����҂����ɹ���(sh��)�F(xi��n)���c(di��n)���Ă�(g��)Ԫ������׌�Ă�(g��)Ԫ��׃ɫ��Ч��������׃����ͬ�ɫ�����a��΢��׃�Ɍ�(sh��)�F(xi��n)����Ч�������wЧ�����£�

��(d��ng)Ȼ���_�l(f��)�^����߀���T����Ҫע��ķ��棬�������Y(ji��)��(g��u)����ʽ������js��������ѭ�h(hu��n)�˳��l���ȵ����@Щ��Ҿ���ҕ�l�Ё팤�Ҵ𰸰������ѽ�(j��ng)����Ԕ��(x��)���v����