Question

我有一个div如下：

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

但是这个div中的内容是看不到的。如果我提醒cookie，我会得到它的价值。但是div没有取得cookie的价值。我希望在这个div中拥有cookie的内容。

Answer 1

您正在使用简单的JavaScript混合看起来像jQuery的东西。因此，您必须使用.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>

Div内容没有获得cookie值

3 个答案: