div 内容没有获得 cookie 值答案

【问题标题】：Div contents not getting cookie valuediv 内容没有获得 cookie 值
【发布时间】：2012-12-05 12:42:47
【问题描述】：

我有一个div如下：

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

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

【问题讨论】：

感谢您的帮助...！

标签： javascript html cookies

【解决方案1】：

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

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

或者，如果你想使用原生的 innerHTML 属性，你必须从 jQuery 对象中获取 DOM 元素：

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

【讨论】：

非常感谢。还有一个问题……我们如何检查一个cookie是使用javascript还是jQuery设置的？
@ChetanaKestikar 这个SO question 建议了几种方法。如果您愿意，也可以使用像 jquery-cookie 这样的 jQuery 插件。

【解决方案2】：

试试

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

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

【讨论】：

【解决方案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>

【讨论】：