Javascript HTML代码不显示输出_Javascript_Html

Javascript HTML代码不显示输出

javascript html

Javascript HTML代码不显示输出,javascript,html,Javascript,Html,我正在实施一个网站，必须使用会话存储。我可以存储该值，也可以在浏览器的存储部分查看它，但是当我尝试检索它时，什么也没有发生。我的完整代码： <!DOCTYPE html> <html> <head> <title>Dashboard</title> </head> <style> .navbar { overflow: hidden; background-color: #333; font-family: A

我正在实施一个网站，必须使用会话存储。我可以存储该值，也可以在浏览器的存储部分查看它，但是当我尝试检索它时，什么也没有发生。我的完整代码：

<!DOCTYPE html>
<html>
<head>
<title>Dashboard</title>
</head>
<style>
.navbar 
{
overflow: hidden;
background-color: #333;
font-family: Arial;
}

.navbar a 
{
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

.dropdown 
{
float: right;
overflow: hidden;
}

.dropdown .dropbtn {
cursor: pointer;
font-size: 16px;    
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
}

.navbar a:hover, .dropdown:hover .dropbtn {
background-color: red;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}

.dropdown-content a:hover {
background-color: #ddd;
}

.show {
display: block;
}
input[type=text]:focus {
width: 30%;
}
</style>
<body>
<form  method="POST">   
<div class="navbar">
<a href="#home">Home</a>
<a href="#news">Shopping Cart</a>
<a href="#news">Change Details</a>
<div align="center">
<input type="text" name="searchspace" placeholder="Search">
<input type="submit" value="search" name="searchbutton" >
<p id="nametag">Hello</p>
</div>
</div>
<ul>
<li>Shampoo</li>
<li>Soap</li>
<li>Conditioner</li>
</ul>
<table align="left">
<?php
require ('sql_connect.php');
if (isset($_POST['searchbutton']))
{
if($_POST['searchspace'])
{
    $look=mysql_escape_string($_POST['searchspace']);
    $sql= mysql_query("SELECT * FROM `product_table` WHERE (name like'%$look%' or description like '%$look%')");
    if(mysql_num_rows($sql) > 0)
    {

        while ($row = mysql_fetch_array($sql)) 
     {


        echo "<tr><td>{$row['name']} by {$row['brand']}</td></tr>";

        echo "<tr><td>{$row['description']}</td></tr>";
        echo "<tr><td>{$row['price']}</td></tr>";
      echo "<tr><td><input type=submit value= 'add to cart' id={$row['product_id']}></td></tr>";
        echo "<tr><td></br></td></tr>";

      }

    }
    else
    {
        echo ("<SCRIPT LANGUAGE='JavaScript'>
            window.alert('No product Found')
            </SCRIPT>");

    }
}
}


exit();
?>
</table>
<script type="text/javascript">
document.getElementById('nametag').innerHTML = "See this works.";
</script> 
</body>
</html>


仪表板
navbar先生
{
溢出：隐藏；
背景色：#333；
字体系列：Arial；
}
纳瓦尔先生
{
浮动：左；
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
.下拉列表
{
浮动：对；
溢出：隐藏；
}
.下拉菜单{
光标：指针；
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：14px 16px；
背景色：继承；
}
.navbar a:悬停，.dropdown:悬停.dropbtn{
背景色：红色；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
浮动：无；
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#ddd；
}
.表演{
显示：块；
}
输入[类型=文本]：焦点{
宽度：30%；
}
您好

洗发水
肥皂
调节剂

您应该使用innerHTML
而不是value


document.getElementById（'nametag'）.innerHTML=“请看这项工作。”//原始代码：sessionStorage.getItem（'user'）
Hello
您应该使用innerHTML
而不是value


document.getElementById（'nametag'）.innerHTML=“请看这项工作。”//原始代码：sessionStorage.getItem（'user'）
Hello
据我所知，
标记没有值属性，您应该使用innerHTML
而不是可能的重复就我所知，
标记没有值属性，您应该使用innerHTML
而不是可能的正确答案的重复，然而，这取决于你想做什么。您也可以使用textContent
仅更改文本。感谢您介绍textContent
的DOM属性，以前从未使用过它，因为IE 9提供了支持（但现在使用IE的人哈哈）没有显示“查看此作品”你能推荐另一个标签来显示这个吗？如果你正在尝试其他代码，你能告诉我们吗？这应该适用于大多数情况，除非您选择的元素不存在或不具有innerHTML
Good answer的属性，但这取决于您想要做什么。您也可以使用textContent
仅更改文本。感谢您介绍textContent
的DOM属性，以前从未使用过它，因为IE 9提供了支持（但现在使用IE的人哈哈）没有显示“查看此作品”你能推荐另一个标签来显示这个吗？如果你正在尝试其他代码，你能告诉我们吗？除非您选择的元素不存在或不具有innerHTML