手记

JS学习第一课,获取元素内容,改变元素内容

<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
<style>

inp{
        border: 1px solid red; /*样式必须放在style标签里*/

    };
    </style>

</head>
<body>
    <input type="button" name="reverse" id="inp" value="1,2,3"  />
    <script>
    var b = document.getElementById("inp");
    b.onclick = function(){
        var a = b.value.split(",");//split()将字符串转化为数组
        a.reverse();//reverse()直接 改变原数组 而不是创建新的数组
        b.value = a.toString();//a是数组,需转化为字符串 传给b
        //alert(a);
    };//JS代码放在<script>标签里,有执行顺序,两种解决办法,1放在对应标签的后面,2 用window.onload = function(){  js代码  }

    </script>
</body>

</html>

2人推荐
随时随地看视频
慕课网APP