JavaScript实现大小写字母转换

input标签

<input type="text" id="yzm" value="" />
<input type="button" value="转大写" onclick="dxz()" />
<input type="button" value="转小写" onclick="xxz()" />
<input type="text" id="bzm" value="" />

转大写字母

function dxz() {
    var yzm = document.getElementById('yzm');
    var bzm = document.getElementById('bzm');
    bzm.value = yzm.value.toUpperCase();
}

转小写字母

function xxz() {
    var yzm = document.getElementById('yzm');
    var bzm = document.getElementById('bzm');
    bzm.value = yzm.value.toLowerCase();
}

 

---

 

我们还可以基于上面的字母转换改写为一个函数

改进方法

input标签点击

<input type="text" id="yzm" value="" />
<input type="button" value="转大写" onclick="deal(dxz)" />
<input type="button" value="转小写" onclick="deal(xxz)" />
<input type="text" id="bzm" value="" />

js函数

function deal(opt){
    var str = document.getElementById('yzm').value;
    switch(opt){
        case 'dxz':
        str = str.toUpperCase();
        break;
        case 'xxz':
        str = str.toLowerCase();
        break;
    }
    document.getElementById('bzm').value = str;
};

toLowerCase() 方法用于把字符串转换为小写。

toUpperCase() 方法用于把字符串转换为大写。