<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="
http://www.w3.org/1999/xhtml ">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312" />
<título>JavaScriptCSS5</título>
<!-- 注意td 的伪类 -->
<tipo de estilo="texto/css">
<!--
.comenzar {
tamaño de fuente: 14px;
color: #0000FF;
}
.fin {
color: #FF00FF;
tamaño de fuente: 18px;
decoración de texto: subrayado;
}
td: flotar {
color: #FF00FF;
color de fondo: #66FF00;
cursor: cambiar tamaño;
}
-->
</estilo>
<script idioma="javascript" tipo="texto/javascript">
función funOnload(){
var aTag = document.getElementsByTagName('a')[1];
aTag.onclick = funOnClick1;//添加事件
}
función funOperate1(){//操作CSS 样式相关
var pTag = document.getElementsByTagName('p')[0];
//pTag.setAttribute("clase","fin");
//pTag.setAttribute("estilo","color: #FF00FF;tamaño de fuente: 18px;decoración de texto: subrayado;");
pTag.style.color="#0000FF";
}
función funOnClick1(e){//通过DOM-2 操作事件(IE8不支持)
var info = 'funOnClick1 ';
if(nulo!= e && e.type == "hacer clic"){
info +=" : n 事件 " + e.type + "n";
info += "按钮 " + e.button + "n";
info += "触发元素 " + e.target.nodeName + "n";
e.stopPropagation();//停止事件传播给父节点(在当前例子中事件就不会传达室给 tabla de funOnClick2)
e.preventDefault();//阻止默认事件(这里点击 a 不会链接)
}
alerta(información);
}
función funOnClick2(){
alerta("funOnClick2");
}
</script>
</cabeza>
<cuerpo onload="funOnload();">
<tabla onclick="funOnClick2()">
<tr>
<td><a href="javascript:funOperate1()">操作1</a></td>
<td>
<a href=" http://qqface.knowsky.com/">qq表情</a> </td>
</tr>
</tabla>
<p>Hola Palabra</p>
</cuerpo>
</html>