<!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>
DOM和JQ之间的转换
猜你喜欢
转载自blog.csdn.net/qq_42740745/article/details/84554659
今日推荐
周排行