显示sessionStorage项目

时间:2012-04-22 11:14:07

标签: javascript html5 session-storage

我想显示现场球员,但我不能:

<body>

       <header>
    <h1>My memory Game</h1>
</header>

<div id="timer">
    Player Name: 
    <span id="player-name">

               <script type='text/javascript'>

                sessionStorage.getItem('player');

                //alert("Your name is: " + sessionStorage.getItem('player'));    

               </script>    
    </span>
</div>

当我使用javascript警告进行测试时,一切正常:播放器名称显示没有问题 请知道

3 个答案:

答案 0 :(得分:3)

sessionStorage.getItem('player')返回一个字符串。你应该用它做点什么。喜欢在警报中显示。 - 根据您的详细信息工作...

一旦获得了值,就可以将其放在元素

即:

myelement.inneHtml=sessionStorage.getItem('player')

答案 1 :(得分:2)

使用此:

document.getElementById('player-name').innerHTML = 
     sessionStorage.getItem('player');

固定代码:

<body>
    <header>
        <h1>My memory Game</h1>
    </header>
    <div id="timer">
        Player Name: 
        <span id="player-name">
        </span>
    </div>
    <script type='text/javascript'>
        document.getElementById('player-name').innerHTML = sessionStorage.getItem('player');
    </script>    

你应该做一些javascript教程。

答案 2 :(得分:1)

这会将它写入你的span中你应该将脚本标记放在span下面(我不知道如果你在执行时覆盖它会发生什么,也可能会起作用)

document.getElementById("player-name").innerHTML = sessionStorage.getItem('player');