随机更改html文本中的大写/小写

Question

我有一个HTML文本元素，例如：一个名为VIDEOS的H1标签。有什么方法可以使用JS来随机操纵文本的大小写？例如，在一个实例中，它将文本加载为viDEoS，在另一个实例上加载ViDeos等。

每个字母基本上随机大写&小写

Answer 1

可能的解决方法之间变化。

var elem = document.getElementById('vid'); 
 

 
elem.textContent = elem.textContent.split('').map(function(v) { 
 
    var chance = Math.round(Math.random()); 
 
    return v = chance ? v.toUpperCase() : v.toLowerCase(); 
 
}).join('');

<h1 id='vid'>videos</h1>

Answer 2

$('.randomize').each(function() { 
 
    var _word = $(this).html(); 
 
    var _arr = _word.split(''); 
 
    var _store = ''; 
 
    var _style = ''; 
 
    
 
    $(this).html(''); 
 
    
 
    for (var i = 0, len = _arr.length; i < len; i++) { 
 
    if((Math.floor(Math.random() * 2) + 1) === 1) { 
 
     _style = 'uppercase'; 
 
    } 
 
    else { 
 
     _style = 'lowercase'; 
 
    } 
 
    
 
    _store = _store + '<span style="text-transform: '+ _style +' ;">' + _arr[i] + '</span>'; 
 
    } 
 
    
 
    $(this).html(_store); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<h1 class="randomize">Videos</h1>