Dom编程练习程序1117.docx
《Dom编程练习程序1117.docx》由会员分享,可在线阅读,更多相关《Dom编程练习程序1117.docx(30页珍藏版)》请在冰豆网上搜索。
Dom编程练习程序1117
程序十一、
完成一个与css手册中一样的示例。
通过下拉菜单选择显示指定样式属性的使用效果
实现以上图形效果,程序代码如下:
*************************************************************************
无标题文档
#cssid{
height:
80px;
width:
160px;
background-color:
#FFCC00;
}
#textid{
background-color:
#CCCCCC;
width:
300px;
}
functionchange()
{
varselNode=byId("selid");
varvalue=selNode.options[selNode.selectedIndex].value;
//alert(value);
vardivNode1=byId("cssid");
vardivNode2=byId("textid");
divNode1.style.textTransform=value;
divNode2.innerText="text-transform:
"+value+";";
}
Goodgoodstudy,Daydayup!