DOM和JQ之间的转换

最新推荐文章于 2022-06-08 21:51:20 发布

原创最新推荐文章于 2022-06-08 21:51:20 发布 · 305 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

4 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DOM于JQ对象之间的转换</title>
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript">
	function write1(){
		document.getElementById("span1").innerHTML="爆炸";
		var spanEle = document.getElementById("span1");
		
		$(spanEle).html("着火了");//DOM转JQ
	};
	$(function(){
		$("#btn").click(function(){
			$("#span1").html("降落");
			
			$("#span1").get(0).innerHTML = "安全";//JQ转DOM
			
			$("#span1")[0].innerHTML = "走了";//JQ转DOM
		});
	});
</script>
</head>
<body>
<input type="button" value="js写入" onclick="write1()" />
<input type="button" value="jq写入" id="btn" /><br />
飞机: <span id="span1">起飞</span>
</body>
</html>