<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javascript中的innerHTML和jquery中的html(undefined)函数在处理undefined时的区别</title>
<link rel="stylesheet" type="text/css" href="inputAndDiv.css">
</head>
<body style="background-color: #CCE8CF;">
<h3 style="color: #cd1636;">
javascript中的innerHTML和jquery中的html(undefined)函数在处理undefined时的区别
</h3>
<input type="button" id="btn1" value="测试javascript中的innerHTML">
<br/><br/>
<input type="button" id="btn2" value="jquery中的html(undefined)函数">
<br/><br/>
<ul>
<li id="test1"></li>
<li id="test2"></li>
</ul>
</body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
//javascript中的innerHTML处理undefined
$('#btn1').click(function() {
console.log('js中的innerHTML处理undefined');
document.getElementById('test1').innerHTML = undefined;
//$('#test2') //jquery对象
//$('#test2')[0] //把jquery对象转换成javascript对象
//$('#test2').get(0) //把jquery对象转换成javascript对象
console.log($('#test2'));
console.log($('#test2')[0], $('#test2').get(0));
});
//jquery中的html()函数处理undefined
$('#btn2').click(function() {
console.log('jquery中的html()函数处理undefined');
$('#test2').html(undefined);
});
</script>
</html>