javascript - 无法设置innerHTML

标签 javascript innerhtml

我不确定这里的问题是什么,但由于某种原因,我无法让innerHTML将字符串插入到下面代码第6行的div中。这是片段:

var caption = $(this).attr('data-caption');
    if (caption) {
        //document.write(caption);
        $('.caption-overlay').addClass('show');
        $('.caption-overlay').removeClass('hide');
        $('.caption-overlay').innerHTML = caption;

    } else {
        $('.caption-overlay').addClass('hide');
        $('.caption-overlay').removeClass('show');
    } 

我已经检查了一遍又一遍,caption确实返回了一个值,一个简单的文本字符串。

函数的其余部分工作正常,并且 if/else 语句正确触发。我已经尝试了几个小时来找出问题所在......

我也尝试过:

$('.caption-overlay').innerHTML = 标题.value;

$('.caption-overlay').innerHTML = String(caption);

但是这些都不起作用。有人可以帮忙吗?

最佳答案

我相信您正在寻找jQuery.html

$('.caption-overlay').html(caption);

关于javascript - 无法设置innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31551572/

相关文章:

javascript - 淡出悬停 div 上的其他 div

javascript - 根据所选选项javascript动态更改跨度文本

在 Internet Explorer 中使用 innerHTML 设置 JavaScript iframe

javascript - 如何在 Three.js 中启用着色

javascript - 如何停止slidetoggle()上的setInterval()然后再次重新启动?

javascript - 如何在新标签页/窗口中编写文本文档?

javascript - 如何返回所有列名/标题(并避免 "TypeError: table.columns(...).names is not a function")?

javascript - 关于innerHTML的几个问题

php - 将php结果插入到没有php的html文档中

javascript - 通过 javascript 与新创建的 html 交互