JS学习第一课，获取元素内容，改变元素内容-原创手记-慕课网

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

它没有心_0 2017-05-25 12:09:38 浏览 2904

它没有心_0

关注TA

手记 4

粉丝 3

获赞 14

<!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人推荐

发表评论