如何删除网站上的文本和配方

时间:2016-07-10 08:43:56

标签: javascript html forms function button

我有两个问题,但由于它们非常相似,我将其视为一个问题:

问题1:
我用html制作了文字和公式。如果有人按一个按钮,所有文本都必须消失。这是我的代码:

Hello here is example text
<form action="example.php" method="POST">
First name:
<input type="Text" name="Name" size="50" placeholder="First Name" maxlength="20"><br>
Last Name:
<input type="Text" name="LName" size="50" placeholder="Last Name" maxlength="200"><br>
<input type="Submit" value="Register">
<br><br><br><br><br>
Delete all:
<button onclick="Delete()">Make all Vanish!</button>


function Delete() {
//Here comes the code to vanish the formular, the text and the button itselve!

}






第二个问题非常简单。有可能不仅可以制作配方和基于服务器的文本,还可以制作javascript文本(我的意思是)

<script>
document.write("Here is the javascript text");
</script>

消失? 看看我的意思,这里有完整的代码:

Hello here is example text<br>
<script>
document.write("And here is some javascript text");
</script><br>

<form action="example.php" method="POST">
First name:
<input type="Text" name="Name" size="50" placeholder="First Name" maxlength="20"><br>
Last Name:
<input type="Text" name="LName" size="50" placeholder="Last Name" maxlength="200"><br>
<input type="Submit" value="Register">
<br><br><br><br><br>
Delete all:
<button onclick="Delete()">Make all Vanish!</button>

function Delete() {
//Here comes the code to vanish the formular, the HTML or PHP text and the //button itselve!

//Here comes the code to vanish the javascript text (or the best way would be //one code to vanish all)

}

1 个答案:

答案 0 :(得分:1)

无法识别document.write添加的文本以及html文件中添加的文本。

您的这两个问题基本上都需要在Delete()函数

中添加此行
document.getElementsByTagName('body')[0].innerHTML = ''

这显然也使整个身体变得空虚。

我建议在代码结构周围使用包装div,这有助于划分。