一、dom操作
在dom（文档对象模型）中，每一个html元素都被作为一个对象来对待。因此，我们可以通过javascript来访问和修改html标签的属性。
获取元素我们可以使用document.getelementbyid()方法来获取指定id的元素，如下所示：
var myelement = document.getelementbyid(myid);
同样地，我们也可以通过getelementsbytagname()方法获取指定标签名的元素，如下所示：
var myelements = document.getelementsbytagname(p);
修改元素内容获取元素之后，我们可以通过innerhtml属性修改元素的内容。如下所示：
myelement.innerhtml = 新的内容;
使用innerhtml属性可以进行简单的文字内容修改，如果需要修改元素本身的属性，比如id或class等，就需要使用javascript的setattribute()方法。
创建新元素我们可以使用document.createelement()方法来创建新的html元素，如下所示：
var newelement = document.createelement(p);
上述代码创建了一个新的p标签，但是这个标签还没有被添加到网页中。我们需要通过appendchild()方法来添加元素。
插入元素我们可以使用appendchild()方法将新创建的元素插入到指定的html元素中，也可以使用insertbefore()方法将元素插入到指定位置。如下所示：
document.body.appendchild(newelement); //将newelement添加到body元素中document.body.insertbefore(newelement, nextsibling); //将newelement插入到nextsibling元素之前
二、jquery库操作
除了dom操作之外，我们也可以使用jquery库来修改html内容。jquery库是一个专门用来简化javascript的库，使用它可以更快速、便捷地操作html元素。
获取元素我们可以通过jquery选择器来获取指定的html元素，如下所示：
var myelement = $(#myid);
修改元素内容与dom操作类似，我们也可以通过html()方法修改元素的内容，如下所示：
myelement.html(新的内容);
创建新元素我们可以使用$()方法来创建新的html元素，如下所示：
var newelement = $(<p></p>);
插入元素同样地，我们可以使用append()和before()方法将新创建的元素插入到指定html元素中，如下所示：
$(body).append(newelement); //将newelement添加到body元素中myelement.before(newelement); //将newelement插入到myelement之前
三、总结
本文主要介绍了javascript如何操作html内容。通过本文的介绍，读者可以掌握以下内容：
了解dom（文档对象模型）操作，掌握获取、修改、创建和插入元素的方法；了解jquery库操作，使用选择器、html()、$()、append()和before()等方法操作html元素；掌握javascript操作html的基本知识，为后续开发和实践打下基础。最后，读者们需要多加练习，只有亲身实践才能更好地掌握javascript操作html的方法。
以上就是js怎么修改html内容的详细内容。