抓取字符串中的关键信息神器---split()-原创手记-慕课网

抓取字符串中的关键信息神器---split()

玅郎君 2017-08-08 16:17:01 浏览 2888

玅郎君

关注TA

手记 5

粉丝 4

获赞 24

定义和用法
split() 方法用于把一个字符串分割成字符串数组。
例如，获取"translate3d(1px,2px,3px)"中的数字"2";

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #target{
                width: 100px;
                height: 100px;
                border: 1px solid #000;
            }
        </style>
    </head>
    <body>
        <div id="target" style="transform: translate3d(1px,2px,3px);"></div>
        <p>结果：<span id="output"></span></p> 
        <script type="text/javascript"> 
            var target = document.getElementById("target");
            var arr = target.style.WebkitTransform.split(",");//将字符串从用","截成数组["translate3d(1px", " 2px", " 3px)"]
            var result = arr[1].split("px")[0];//取到上述数组的第2个值"2px",再次用"px"将该字符串截成数组["2"]并取第1个值
            console.log(result);//2
            document.getElementById("output").innerText = result;
        </script>
    </body>
</html>

0人推荐

发表评论