DOM删除和替换

最新推荐文章于 2022-10-12 08:49:10 发布

yangxiaojun9238

最新推荐文章于 2022-10-12 08:49:10 发布

阅读量419

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVASCRIPT学习笔记文章标签： button function input delete action html

本文链接：https://blog.youkuaiyun.com/yangxiaojun9238/article/details/7319600

JAVASCRIPT学习笔记专栏收录该内容

21 篇文章

订阅专栏

<html>
 
<head>
 
<title>Delete and Replace Demo</title>
 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
 
<script type="text/javascript"> 
 
<!-- 
 
function doDelete() 
 
{
 
  var deletePoint = document.getElementById('toDelete');
 
  if (deletePoint.hasChildNodes())
 
   deletePoint.removeChild(deletePoint.lastChild);
 
}
 
 
 
function doReplace()
 
{
 
 var replace = document.getElementById('toReplace');
 
 if (replace)
 
  {
 
    var newNode = document.createElement("strong");
 
    var newText = document.createTextNode("strong element");
 
    newNode.appendChild(newText);
 
    replace.parentNode.replaceChild(newNode, replace);
 
  }
 
}
 
//-->
 
</script>
 
</head>
 
<body>
 
<div id="toDelete">
 
 <p>This is a paragraph</p>
 
 <p>This is <em>another paragraph</em> to delete</p>
 
 <p>This is yet another paragraph</p>
 
</div>
 
<p>
 
This paragraph has an <em id="toReplace">em element</em> in it.
 
</p>
 
<hr />
 
<form action="#" method="get">
 
      <input type="button" value="Delete" onclick="doDelete();" />
 
      <input type="button" value="Replace" onclick="doReplace();" />
 
</form>
 
</body>
 
</html>