我正在使用 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 年度日
最佳答案
这是你遇到问题的地方
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
}
关于javascript - yii2 Fullcalendar - 为什么 CalEvent 警报有效但更新 innerHtml 无效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58048115/