javascript 替换原来内容

最新推荐文章于 2024-02-05 10:46:31 发布

iteye_12594

最新推荐文章于 2024-02-05 10:46:31 发布

阅读量560

点赞数 1

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_12594/article/details/82196672

版权

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用JavaScript动态修改网页内容的方法。通过获取并删除原始页面元素，然后在页面最前端插入新的元素，实现了页面内容的更新。具体步骤包括：获取要删除的元素、创建新元素、设置新元素的内容为文本，并将新元素插入到页面指定位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    
    <script type="text/javascript">
         function a(){ 
				var orignal = document.getElementById('orignal');
				orignal.parentNode.removeChild(orignal);  //删除原来的内容
				var first = document.body.firstChild;	//取得body中第一个元素
				var div=document.createElement("div");
				var content=document.createTextNode("hello world!");
				div.appendChild(content);
				document.body.insertBefore(div,first);  //在最前面插入元素
			}
    </script>
	<div id = 'orignal'> 原来内容</div>
    <input value='清除原内容' type='button' οnclick='a()' id = 'btClear'/>
  </body>
</html>