例4-35.htm

来自「web课件并附有习题练习还有实例详细的讲解了WEB的各种开发过程是学习 的好资料」· HTM 代码 · 共 36 行

HTM
36
字号
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0047)http://192.168.6.19/jxyd/book/web0208/E4_35.htm -->
<HTML><HEAD><TITLE>DOM示例</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
function ChangeAttr()
{
  p1.childNodes[0].color="blue";
  p1.childNodes[0].face="黑体";
  p1.childNodes[0].size="6";
}
function ChangeText() {
  p2.childNodes[0].nodeValue="这是改变了的文字信息!";
}
function ShowAttr()
{
  var obj=p1.firstChild.attributes;
  text1.innerHTML="";
  for (var i=0;i<obj.length;i++)
  {
    var objNode=obj[i];
    if (objNode.specified)
      text1.innerHTML+=objNode.nodeName+"="+objNode.nodeValue+"<br>";
  }
}
</SCRIPT>

<META content="MSHTML 6.00.2900.2722" name=GENERATOR></HEAD>
<BODY>
<P id=p1 onclick=ChangeAttr()><FONT onclick=ShowAttr() face=宋体 color=red 
size=4>使用DOM对象集合的示例</FONT></P>
<P id=p2 onclick=ChangeText()>单击这里将改变显示的文字内容。<BR></P>
<HR>

<DIV id=text1>属性显示区</DIV></BODY></HTML>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?