.innerHTML 和.html 有什么不同？
问题描述：
.innerHTML 和.html 有什么区别？ 我使用 .innerHTML不行，使用.html就可以？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form >
<input type="button" id="1" value="员工列表">
<input type="button" id="2" value="职位列表">
<input type="button" id="3" value="部门列表">
<div id="content"></div>
</form>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$("#1").click(function () {
ajax("/ajax?list=1");
});
$("#2").click(function () {
ajax("/ajax?list=2");
});
$("#3").click(function () {
ajax("/ajax?list=3");
});
function ajax(address){
var xmlhttp;
if (window.XMLHttpRequest) {
//1、创建XMLHttpRequest对象
xmlhttp = new XMLHttpRequest();
//2、创建发送Ajax请求
xmlhttp.open("get", address, true);
xmlhttp.send();
//3、处理返回的数据
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var str = xmlhttp.responseText;
var json = JSON.parse(str);
var html="";
for (var i = 0; i < json.length; i++) {
html = html+"<li>"+json[i]+"</li>";
}
html = "<ul>" + html + "</ul>";
$("#content").innerHTML(html);
}
}
}
}
</script>
</body>
</html>20
收起
正在回答
1回答
同学你好，1、innerHTML是JavaScript中的语法，无法通过jquery语法获取的对象调用innerHTML属性，所以当使用$("#content").innerHTML(html);设置数据时无法实现。
innerHTML属性使用语法如下：
获取数据：
document.getElementById("content").innerHTM
设置数据：
document.getElementById("content").innerHTML=数据;2、html()是jquery中的方法，所以可以通过jquery获取的对象调用html()方法。
祝学习愉快！
相似问题
append， html, innerHTML区别
27
0
3
.innerHTML=html;是什么方法
20
0
3
关于html()问题
1
0
3
把innerHTML项赋值为什么不行？
30
0
8
关于innerHTML?
17
0
5
登录后可查看更多问答，登录/注册
java工程师2020版
- 参与学习 人
- 提交作业 9401 份
- 解答问题 16556 个
综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万 无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星