javascript - 显示推文内容时，innerHTML 不起作用

Question

在 Html 文件中，我测试使用

显示推文内容

<div class="container" id="trackingResults">
         <p id="printout">
            <blockquote class="twitter-tweet" data-link-color="#55acee" lang="es">
            <a href="https://twitter.com/jack/status/20">    
            </a>
            </blockquote></p>
</div>

效果很好 result1

然后当我尝试使用 js 函数生成内容时

var trackingResults = document.getElementById('printout');
trackingResults.innerHTML = '<blockquote class="twitter-tweet" data-link-color="#55acee" lang="es"><a href="https://twitter.com/jack/status/20"></a></blockquote>';

这不起作用， result2

基本上，我只是将相同的内容复制到innerHTML属性，但它显示了不同的结果。

我不知道为什么。

Answer 1

据我了解，您正在使用 Twitter api，它将您的 blockquote 转换为格式正确的 Twitter tweet iframe，该框架适用于页面加载事件。并且在更改innerHTML时它不起作用，因为该库不绑定(bind)到新添加的代码。因此你什么也看不到。