DOM 在 JavaScript 课程中，是一种文档对象模型，开发者可以对HTML 结构元素内容进行展示和修改，不但内容庞大繁杂，开发的过程中需要考虑更多的兼容性、扩展性。在 jQuery 中对其中的方法进行了封装，不需要考虑浏览器的兼容性，只需要考虑相应版本的兼容性即可。

1、DOM文档对象模型。

2、DOM 有三种形式，标准 DOM Core、HTML DOM、CSS DOM，大部分都进行了一系列的封装。

3、树的概念、节点的概念，html页面中都是节点。

二、修改获取元素内容

html()和 text()方法获取内部的数据

html()方法可以获取或设置 html 内容，包含内部标签

text()可以获取或设置文本内容

//---html() 获取元素中 HTML 内容

console.log($('form').html());

//---html(value)  设置元素中 HTML 内容

$('form').html('<input type="\password\" name=\'password\'/>');

console.log($('form').html());

//---text()   获取元素中文本内容

console.log($('ul li:eq(0)').text());

//---text(value)   设置原生中文本内容

$('ul li:eq(0)').text('菜单一');

console.log($('ul li:eq(0)').text());

//---val()  获取表单中的文本内

远近互联前端小华整理发布，希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。