yii2 Fullcalendar - 为什么 CalEvent 警报有效但更新 innerHtml 无效？

Question

我正在使用 philippfrenzel/yii2fullcalendar，我想显示活动描述。

当我使用代码时：

<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内容：

IPS 年度日

Answer 1

这是您遇到问题的行

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

getElementsByClassName 将 return 一个类似数组的对象，其中包含所有具有您指定的 class 的标签。类似数组的对象没有 innerHTML。存储在类数组对象中的标签有一个 innerHTML。另外，我相信您没有 .fc-title class，而是 fc-title class，最后，请确保 innerHTML 的输入正确。建议的解决方案：

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

yii2 Fullcalendar - 为什么 CalEvent 警报有效但更新 innerHtml 无效？

yii2 Fullcalendar - Why is alert for CalEvent working but not for updating innerHtml?

javascript

fullcalendar

yii2