文档对象模型(DOM)是一种抽象网页的方法，文档以树形结构表示。
文档节点分为parentNode、childNode、siblingNode等。
BOM(浏览器对象模型)由于没有标准来定义浏览器的功能，所以不同的浏览器有不同的属性和方法。否则，DOM有专门定义HTML(或XML)页面中的对象应该如何表示的标准。开发者可以使用DOM在一个网页中操作或寻找一些东西，尤其是表单、图片和定位元素。
1.查询或访问的方法
加载HTML文档时，浏览器会将其显示为树形结构，页面上的所有元素都是对象树中的对象。例如，当JS处理表单时，它将根据表单在文档中出现的顺序为所有表单创建一个数组。Document.forms[0]用于表示第一个表单。同样，页面上所有的图片、链接和锚点都会按照它们的名称存储在数组中，比如document.i***ges、document.links、document.anchors[]等。
1.1按名称或索引排列
如果文档中有一个名为form1的表单，您可以通过它的名称来访问它，即document . forms[“form1 & # 8221]，或者可以使用索引值来访问它，即document.forms[n]。
1.2通过文档方法的name属性
document . getelementbytagname()；
1.3通过文档方法的ID属性
document . getelementbyid()；
DOM 2的修改
window.onload=function(){
var div obj = document . getelementbyid(“divtest & # 8221);
divObj.innerHTML = & # 8220在div容器中插入新文本！”；
}
添加DOM 3
window.onload=function(){
var para = document . createelement(“p & # 8221);
var div obj = document . getelementbyid(“divtest & # 8221);
div obj . appendchild(para)；
var txt = document . create text node(“希望这个作品！”);
para . appendchild(txt)；
}
4插入DOM节点
document . body . insert before(new para，first para)；
5为DOM节点创建属性
var headings = document . getelement***ytagname(“h4 & # 8221);
标题[0]。set attribute(“id & # 8221, “firsth4 & # 8221);
DOM 6的***
new para = old para . clone node(true)；
DOM 7的删除
parent div 1 . remove child(div 2)；
补充:
Document.write()方法
你可以写所有的文档代码，包括HTML，CSS甚至JS。
本文来自卿尘投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/648845.html
微信扫一扫 
