JavaScript练习之编写函数将css属性名转换为驼峰形式

最新推荐文章于 2023-02-14 23:23:54 发布

西西1216

最新推荐文章于 2023-02-14 23:23:54 发布

阅读量706

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/qq_41554071/article/details/89422164

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文介绍了一种将CSS长横线分隔的属性名转换为JavaScript驼峰命名法的算法。通过JavaScript函数实现，该函数首先将输入的CSS属性名按'-'分割，然后将每个单词的首字母大写并去除'-'，最后重新组合成驼峰命名格式。

摘要由CSDN通过智能技术生成

目标效果举例：传入border-left-color,自动转换成驼峰形式borderLeftColor.

function camelback(str)
    {
    	var firstWord="";
    	var arr = str.split("-");
    	//第一个单词不需要大写，故从1开始循环
    	for (var i = 1; i < arr.length; i++) 
    	{
    		firstWord = arr[i].charAt(0).toUpperCase();//把大写的首字母赋给变量firstWord
            arr[i] = firstWord + arr[i].slice(1); //截取单词除首字母外的字符串并将其与首字母拼接      
    	}
    	arr = arr.join("");//把arr数组转换成字符串
    	return arr;
    }
    var newStr = camelback("margin-bottom");
    document.write(newStr);

最终效果图
在这里插入图片描述