<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="d1"> <p>哈哈</p> </div> <input id="input1" type="text" value="嘎嘎" /> <input id="dj" type="button" value="点击" /> <script type="text/javascript" src="../images/jquery-3.4.1.min.js"></script> <script type="text/javascript"> var dj = document.getElementById("dj"); dj.onclick = function(){ /* document.getElementById("d1").innerHTML */ /* html的参数是用来修改值的 */ /* var html = $("#d1").html("谷谷谷谷谷谷");//<p>哈哈</p> */ var html = $("#d1").html();//<p>哈哈</p> alert("html:"+html); /* document.getElementById("d1").innerText */ var text = $("#d1").text();//哈哈 alert("text:"+text); /* document.getElementById("d1").value */ var val = $("#d1").val();//空 alert("val:"+val); /* css(properties):把一个"名:值"对象设置为所有匹配元素样式属性 */ $("#d1").css({"100px",height:"100px",color:"red"}); /* 属性名包含-，必须使用引号*/ $("#d1").css({"margin-top":"200px"}); } </script> </body> </html>