如何从HTML中删除元素/完全更改页面?

时间:2016-03-25 04:32:33

标签: html css html5

我正在使用以下标记加载我的脚本并启动我正在制作的游戏,但所有原始元素都保留在原始网页上。

<input type="image" src="Images/start.jpg" height='200' width='350' alt='Something went wrong loading the images. Update your Internet plugins and try again.' onclick='INIT_THREE(); INIT_CANNON(); UPDATE();'/>

当我按下按钮时,有没有办法删除背景声音和图像等元素?我尝试使用href加载另一个html页面,但我不认为这是最好的方法,而且它没有用。感谢任何帮助,谢谢!

1 个答案:

答案 0 :(得分:1)

您可以使用remove()(jQuery)

.empty()类似,.remove()方法从DOM中获取元素。如果要删除元素本身及其中的所有内容,请使用.remove()。除了元素本身之外,还删除了与元素关联的所有绑定事件和jQuery数据。要删除元素而不删除数据和事件,请改用.detach()

&#13;
&#13;
$(document).ready(function(){
  $( "button" ).click(function() {
    $( "p" ).remove();
  });
});
&#13;
p {
    background: yellow;
    margin: 6px 0;
  }
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<p>Hello</p>
how are
<p>you?</p>
<button>Call remove() on paragraphs</button>
&#13;
&#13;
&#13;

删除包含&#34; Hello&#34;的所有段落来自DOM。类似于做

$("p").filter(":contains('Hello')").remove().

来自https://api.jquery.com/remove/