javascript - HTML5 sessionStorage:变量未存储在<li> onclick属性上

我想知道为什么这个onclick可以在这个div上工作：

<div id="block-block-contact" class="block-factice expanded" onclick="sessionStorage.contactclass=this.className ">

但不是这个李

 <li id="dhtml_menu-1895" class="first collapsed dhtml-menu collapsed start-collapsed menu-1895" onclick="sessionStorage.menu1895=this.className">

意思是当我单击div时，它确实存储了contactclass变量，而当我单击li时，它不存储menu1895变量。

最佳答案

马托埃

你能检查一下吗
https://jsfiddle.net/612ee2df/

 <ul>
  <li id="dhtml_menu-1895" class="first collapsed dhtml-menu collapsed    start-collapsed menu-1895" onclick="sessionStorage.menu1895=this.className">
   Test
  </li>
</ul>

jQuery的

$(document).ready(function(e)
{
  $('ul li').on('click',function(e)
  {
      var cls = $(this).attr('class');
      alert(cls);
      sessionStorage.menu1895 = cls;
  })
 })

因为我尝试了您的代码段，但没有使用JavaScript，所以我使用jQuery并将其保存在会话存储中。