innerHTML

修改 HTML 内容的最简单的方法时使用 innerHTML 属性.

document.getElementById(id).innerHTML=new content 用 jquery 的话: $(“id”).html(“new content”)

<p id="p1">Hello World!</p>

<script>
document.getElementById("p1").innerHTML="New text!";
</script>

jQuery HTML 操作

改变html 内容 元素内部 $(“p”).html(“W3School”);

添加html 内容 元素内部 $(“p”).append(content);

添加html 预置内容 元素内部 $)(“p”).prepend(content);

元素后插入内容: $(selector).after(content)

元素前插入内容: $(selector).before(content)