yii2 Fullcalendar-为什么CalEvent警报起作用，但没有更新innerHtml? [英] yii2 Fullcalendar - Why is alert for CalEvent working but not for updating innerHtml?

问题描述

我正在使用philippfrenzel/yii2fullcalendar，我想显示事件描述.

I am using philippfrenzel/yii2fullcalendar and I want to show the event description.

当我使用代码时:

<script>
var JSEventClick = (function(calEvent, jsEvent, view) {
   //  document.getElementsByClassName('.fc-title').innerHtml += 'calEvent.nonstandard.field1' ;
    alert(calEvent.title + ' -- ' + calEvent.nonstandard.field1);
});
</script>

它工作正常.

但是当我使用时:

<script>
var JSEventClick = (function(calEvent, jsEvent, view) {
     document.getElementsByClassName('.fc-title').innerHtml += calEvent.nonstandard.field1 ;
  //  alert(calEvent.title + ' -- ' + calEvent.nonstandard.field1);
});
</script>

或

<script>
(function(calEvent, jsEvent, view) {
     document.getElementsByClassName('.fc-title').innerHtml += calEvent.nonstandard.field1;
  //  alert(calEvent.title + ' -- ' + calEvent.nonstandard.field1);
});
</script>

也尝试过

<script>
var JSEventClick = (function(calEvent, jsEvent, view) {
    var myEvent = document.getElementsByClassName('.fc-title') ;
    var codeBlock = ( ' -- ' + calEvent.nonstandard.field1);
    myEvent.innerHtml += codeBlock;
  //  alert(calEvent.title + ' -- ' + calEvent.nonstandard.field1);
});
</script>

我的html的内容:

推荐答案

这是您遇到问题的行

document.getElementsByClassName('.fc-title').innerHtml += calEvent.nonstandard.field1;

getElementsByClassName 将返回类似数组的形式具有所有具有指定类的标签的对象.类似数组的对象没有innerHTML.存储在类似数组的对象中的标签具有innerHTML.另外，我相信您没有.fc-title类，而是拥有fc-title类，最后，请确保正确键入innerHTML.提议的解决方案:

getElementsByClassName will return an array-like object with all the tags which have the class you have specified. An array-like object doesn't have an innerHTML. The tags stored in the array-like object have an innerHTML. Also, I believe that you do not have an .fc-title class, you have an fc-title class instead, finally, make sure that innerHTML is typed properly. Proposed solution:

for (var element of document.getElementsByClassName('fc-title')) {
    element.innerHTML += calEvent.nonstandard.field1
}

这篇关于yii2 Fullcalendar-为什么CalEvent警报起作用，但没有更新innerHtml?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！