动态添加内容 insertAdjacentText()方法和insertAdjacentHTML方法

最新推荐文章于 2020-06-19 14:01:57 发布

中国风2012

最新推荐文章于 2020-06-19 14:01:57 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/hanshileiai/article/details/9370927

JavaScript 专栏收录该内容

22 篇文章

订阅专栏

本文展示了杜甫的诗歌《恨别》，并使用了简单的JavaScript代码来动态修改网页上的诗歌标题和作者名字。通过两个按钮，用户可以分别添加诗歌的标题和作者。

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

<html>
<head>
<title>中国风</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<script language="JavaScript">
function iat(){
	p1.insertAdjacentText("afterBegin","杜甫");

}
function iah(){
	//var obj=document.getElementById("p1");
	var str = '<font size="10px" color="blue">恨别</font>';
	p1.insertAdjacentHTML("beforeBegin",str);
}
</script>

<body>
<table>
	<tr align="center">
		<td>
		<pre id="p1">
		<br>
		洛城一别四千里，胡骑长驱五六年。
		草木变衰行剑外，兵戈阻绝老江边。
		思家步月清宵立，忆弟看云白日眠。
		闻道河阳近乘胜，司徒急为破幽燕。
		</pre>
		<br>
		<input type="button" value="诗人" onclick="iat()">
		<input type="button" value="诗名" onclick="iah()">
		</td>
	</tr>
</table>

</body>
</html>