Question

我想知道如何在HTML和Javascript的div上调用函数。如何在div上调用capitalizestring()函数？我需要大写字符串

function capitalizestring(str){
   return str.toLowerCase().split(' ').map(function (i) {
        if (i.length > 2) {
            return i.charAt(0).toUpperCase() + i.substr(1);
        } else {
            return i;
        }
    }).join(' ');
}

<div id="send">bank transfer</div>

Answer 1

  function capitalizestring(str){
   return str.toLowerCase().split(' ').map(function (i) {
        if (i.length > 2) {
            return i.charAt(0).toUpperCase() + i.substr(1);
        } else {
            return i;
        }
    }).join(' ');
}

var elm = document.getElementById('send')
elm.addEventListener('click', function() {
  var currVal = elm.innerText;
   elm.innerText = capitalizestring(currVal)
});

 <div id="send">bank transfer</div>

Answer 2

您可以将CSS中的文本大写

<div id="send" style="text-transform: capitalize;">bank transfer</div>

Answer 3

您可以使用CSS text-transform: uppercase; 这是参考文献Link。

<div id="send" style="text-transform: uppercase;">bank transfer</div>

Answer 4

根据onchange属性的更改时间和方式，尽管div中的值通常会用在{ {1}}而不是input field。或者，您可以在单击div时使用onclick来调用该函数。如果您希望在页面加载后一次调用该函数，也可以在div标签内调用它。

<script>

在div上调用函数

4 个答案: