單擊提交按鈕時無功能

Question

這是我的代碼：

<head>

<script>input[type=text] {
    padding:5px;
    border:2px solid #000080;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
input[type=text]:focus {
    border-color:#ccc;
}
-webkit-border-radius: 5px;
 border-radius: 5px;

}
.rows {
    text-align: center;
}</script>

<script>var btn = document.getElementsByTagName("button")[0];
var inpt = document.getElementsByName("post")[0];

function openBox() {
   document.getElementById('postBox').style.display = "block";
}

btn.onclick = function () {

    if (!inpt.value) alert("Please enter something to post.");

    var tbl = document.getElementsByTagName("table")[0];
    var row = tbl.insertRow(0);
    var cell = row.insertCell(0);
    var txt = document.createTextNode(inpt.value);
    cell.appendChild(txt);
    tbl.insertRow(0);
    tbl.insertRow(0);

    inpt.value = "";

};</script>

</head>

<body>

<input type="button" name="answer" value="post" onclick="openBox()" />

<div id="postBox" style="display:none;">
<center>
    <input type="text" name="post" maxlength="100" />
    <br>
    </br>
    <button style="border : solid 0px #000080; border-radius : 4px; moz-border-radius : 4px; -webkit-box-shadow : 0px 0px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow : 0px 0px 5px rgba(0,0,0,1.0); box-shadow : 0px 0px 5px rgba(0,0,0,1.0); font-size : 24px; font-style : ;color : #ffffff; padding : 4px 10px; background-color : #000080;">post</button>
    <br/>
    <br/>
    <center>
    <table class="rows"></table>
</center>
</center>
</div>

</body>

</html>

一切都很好，但是當您要“發布”某些東西時，不會采取任何措施，這與下面的我的JSFiddle不同。

我的JSFiddle（ http://jsfiddle.net/yqh2rqh0/25/ ）可以正常工作，但網頁版本卻無法正常工作。

Answer 1

第一個問題：

Uncaught SyntaxError: Unexpected token {

是因為您的CSS是使用<script></script>標簽而不是<style></style>進行調用的

<script> <-------- change to style
input[type=text] {
    padding:5px;
    border:2px solid #000080;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
input[type=text]:focus {
    border-color:#ccc;
}
-webkit-border-radius: 5px;
 border-radius: 5px;

}
.rows {
    text-align: center;
}
</script> <----- change to style

第二期：

Uncaught TypeError: Cannot set property 'onclick' of undefined

是因為您的javascript需要在</body>之前的頁面底部而不是<head></head>的頂部加載（就像您的小提琴正在加載No wrap - In <body>)

單擊提交按鈕時無功能

問題描述

1 個解決方案

解決方案1
1 已采納 2015-01-19 04:53:23

單擊提交按鈕時無功能

問題描述

1 個解決方案

解決方案1 1 已采納 2015-01-19 04:53:23

解決方案1
1 已采納 2015-01-19 04:53:23