javascript - 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将返回一个类数组对象，其中包含所有具有您指定的类的标签。类数组对象没有 innerHTML。存储在类数组对象中的标签有一个 innerHTML。另外，我相信你没有 .fc-title 类，你有一个 fc-title 类，最后，确保 innerHTML 被正确输入。建议的解决方案:

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