Question

我有一个HTML文本元素ex：一个名为VIDEOS的H1标签。有没有办法使用JS随机操作文本的大小写？因此，例如在一个实例上，它将文本加载为viDEoS，在另一个实例上加载ViDeos等等。

每个字母在大写和小写之间基本上随机变化。小写

Answer 1

可能的解决方案。

＆＃13;

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('');

＆＃13;

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

＆＃13;

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>

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

2 个答案: