首頁手記 JS學習第一課，獲取元素內容，改變元素內容

JS學習第一課，獲取元素內容，改變元素內容

標簽：

Html/CSS JavaScript

<!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>

點擊查看更多內容