JavaScript向HTML中追加内容

网上冲浪手

于 2020-12-22 21:44:44 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript js

本文链接：https://blog.youkuaiyun.com/qq_42477391/article/details/111567809

本文介绍了如何利用JavaScript向HTML文档中动态插入新的内容，包括创建元素、设置属性及将元素添加到DOM树中，是前端开发中常用的技术。

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

<html>
	<head>
		<script src="G:/js/jquery-3.5.1.js"></script>
    	<script>
        	$(function(){
						var init = document.getElementById("btn2").innerHTML;
							$("#btn").click(function(){

								var html = document.getElementById("btn2").innerHTML;
								document.getElementById("btn2").innerHTML = html+init;
							})
            });
        </script>
    </head>
    <body>
				<a id="btn2">哈哈哈<br></a><br>
				<input type="button" value="点击" id="btn">

    </body>
</html>