gpt4 book ai didi

javascript - 单击提交按钮时无功能

转载 作者:太空宇宙 更新时间:2023-11-04 12:25:52 26 4
gpt4 key购买 nike

这是我的代码:

<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/ ) 工作正常,但网页版本不是。

最佳答案

第一期:

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> 中的顶部(就像你的 fiddle 正在加载 No wrap - In <body>)

关于javascript - 单击提交按钮时无功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28018067/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com