手记

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

定义和用法
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" ></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人推荐
随时随地看视频
慕课网APP