javascript - div 内容没有获得 cookie 值

Question

我有一个 div 如下：

<div class="bubbly">
 </div>
 <script>
 $('.bubbly').innerHTML=getCookie('adjective');
 </script>

但是这个div里面的内容是看不到的。如果我提醒 cookie，我会得到其中的值。但是 div 没有获取 cookie 的值。我想在这个 div 中有 cookie 的内容。

Answer 1

您正在将看起来像 jQuery 的东西与纯 JavaScript 混合在一起。所以要么你必须使用.html()方法来设置元素的内容：

$('.bubbly').html(getCookie('adjective'));

或者，如果您想使用本机的 innerHTML 属性，则必须从 jQuery 对象中获取 DOM 元素：

$('.bubbly')[0].innerHTML = getCookie('adjective');

Answer 2

尝试

$('.bubbly').html(getCookie('adjective'));

假设您的 getCookie 函数正常工作。innerHTML是一个纯 JavaScript 的东西。

Answer 3

如果您想在 jquery 对象中使用本机 DOM 属性，请执行以下操作：

$('.bubbly')[0].innerHTML=getCookie('adjective');

你可以像这样在 jquery 中做同样的事情：

$('.bubbly').html(getCookie('adjective'));

还要确保将您的 DOM 操作代码包含在 DOM 就绪事件的处理程序中，如下所示：

<div class="bubbly">
 </div>
 <script type="text/javascript">
    $(document).ready(function() {
        $('.bubbly').html(getCookie('adjective'));
    });
</script>