js改变html的原有内容实现方法

345 阅读 0 评论 228 点赞

我是靠谱客的博主心灵美导师，最近开发中收集的这篇文章主要介绍js改变html的原有内容实现方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如下所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js改变html的内容</title>
<!-- 不能把JavaScript写在这个头部来改变html的内容-->
</head>

<body>
<!-- 不能把JavaScript写在定义pid的前面来改变html的内容-->
<p id="pid">Hello Html!</p>
<script type="text/javascript">
	document.getElementById("pid").innerHTML="绝地反击";//js改变html的内容
</script>
</body>
</html>

以上就是小编为大家带来的js改变html的原有内容实现方法全部内容了，希望大家多多支持脚本之家~