Вызов функции в div
Я хотел бы знать, как вызвать функцию в div в HTML и Javascript. Как я могу вызвать функцию capitalizestring() в div? Мне нужно использовать заглавную строку
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>
Вам нужно использовать заглавные буквы в div?
вам нужно сообщить нам когда, что это должно произойти. Вы должны привязаться к событию, чтобы вызвать функцию: при фокусе на div, при щелчке, при наведении, при потере фокуса... когда? тогда вы можете легко вызвать его
При каком событии вы ожидаете, что вызов этой функции произойдет?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
Вы можете использовать заглавные буквы в css
<div id = "send" style = "text-transform: capitalize;">bank transfer</div>Обратите внимание, что это делает весь контент прописным, а не первую букву каждого слова.
Да, это плохо :) я исправил это.
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>В зависимости от того, когда/как вы хотите активировать функцию, вы можете использовать атрибут onchange для вызова функции при изменении значения внутри div, хотя обычно он используется в input field, а не в div. Или вы можете использовать onclick для вызова функции при нажатии на div. Если вы хотите, чтобы функция вызывалась один раз при загрузке страницы, вы также можете вызвать ее внутри тега <script>.
<div id = "send" onchange = "capitalizestring()">bank transfer</div>
<div id = "send" oncclick = "capitalizestring()">bank transfer</div>
<script>capitalizestring();</script>
встроенный javascript - не лучший способ сделать это. лучше скрипт внизу страницы или с готовым слушателем DOM до... см. ответ @Rajasekar для примера того, что я имею в виду
вы можете использовать css text-transform: uppercase;
это ссылка Связь.
<div id = "send" style = "text-transform: uppercase;">bank transfer</div>
Ваш вопрос мне неясен, можете ли вы уточнить, при каком событии вы хотите вызвать эту функцию?