📄 例4－35.htm
字号:
<!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 + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -