A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 史小兵 中级黑马   /  2012-11-24 23:23  /  1761 人查看  /  2 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

这是在看完视频后自己写的一个小的js代码但是就是达不到预期的效果,希望大家给看看,给点思路!谢谢啦!。
<!DOCTYPE html>
<html>
  <head>
    <title>js_test7.html</title>
        
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function change(){
var selNode=document.getElementById("selid");

var value=selNode.options[selNode.selectedIndex].value;
/* alert(value); */

var divNode1=document.getElementById("cssid");
//这里的句话就是不执行,想不明白,就是无法拿到id为textid的东西,不知道原因?
var divNode2=decument.getElementById("textid");

divNode1.style.textTransform=value;
divNode2.innerText="text-transform:"+value+";";
}

</script>
<style type="text/css">
#cssid{
background-colorFFcc00;
height:100px;
width:300px;
}
#textid{
background-colorccFF00;
width:300px
}
</style>
  </head>
  
  <body>
  <div id="cssid">Good good</div>
  <p></p>
    <select id="selid" onchange="change()">
    <option value="none">----text transform-----</option>
    <option value="capitalize">首字母大写</option>
    <option value="uppercase">整体大写</option>
    <option value="lowercase">整体小写</option>
     
    </select>
     <p></p>
      <div id="textid">text-transform:none</div>
   
  </body>
</html>

评分

参与人数 1技术分 +1 收起 理由
杨千里 + 1

查看全部评分

2 个回复

倒序浏览
var divNode2=decument.getElementById("textid");//红色单词写错了。正确的是:var divNode2=document.getElementById("textid");

评分

参与人数 1技术分 +1 收起 理由
杨千里 + 1

查看全部评分

回复 使用道具 举报
yzqiong5566 发表于 2012-11-24 23:48
var divNode2=decument.getElementById("textid");//红色单词写错了。正确的是:var divNode2=document.get ...

好像没错吧
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马