html css javascript js day04（html, css, javascript, js day04）.docVIP

html css javascript js day04（html, css, javascript, js day04） 一、DOM编程 文档对象模型DOM [ ]：文档对象模型。 DOM是一种与平台无关，与语言无关的技术。 提供处理HTML / XML文档的API。 结与元 结是一组类型节点的统称，包含有文件节点、元节点、评论节点、实体节点等。 元仅指HTML / XML标记。 如 p =“中心” 111 P节点是一个元类型的节点。 是一个类型的节点对齐属性。 1。 2.htmldocument 继承关系：节点--文件--这 在HTMLDOM处理中文件节点就是一个 这类型的节点。 所有HTML标记在HTMLDOM中的叫法：HTML吗？？？元 3。HtmlElement属性的设置/获取 W3C方法--适用XML/HTML 对象的属性（attr_name，值）。 字符串对象的getAttribute（attr_name）。 HTMLDOM方法--只适用于HTML object.attr_name =价值 字符串object.attr_name 在使用HTMLDOM方法处理对象属性时： （1）、大部分HTML标记的属性即HTMLDOM对象的属性。 （2）、如果HTML标记的属性为合成词，则映射到HTMLDOM对象后采用”驼峰标记法”命名。 （3）、HTML标记的类属性映射到HTMLDOM对象后采用className属性取代。（因为类是JavaScript的预保留关键字） （4）、HTML标记的风格属性映射到HTMLDOM对象后 对象。风格。CSS样式=值（设置） 字符串对象。风格的CSS样式（获取）。 样式的写法： 如果为单个单词，则直接书写。 如果存在”减号”的单词，如字体大小，则将减号去掉后，再采用”驼峰标记法”即可。 w3cdom中规定：所有的文本都存储文本节点内（文本）。 获取/设置对象的文本--- w3cdom object.firstchild.nodevalue =值； 字符串object.firstchild.nodevalue； 获取/设置对象的文本--- HTMLDOM object.innertext =价值 object.innerhtml =价值（提倡） 创建元素节点 元=文件。createElement（“标签名”） 创建文本节点 文本=文件。createTextNode（“内容”） 添加节点 appendchild()对象。 insertbefore()对象。 删除节点 removechild()对象。 获取对象 getelementbyid() --节点文件。 getelementsbytagname() --节点集合文件。 getelementsbyname() --节点集合文件。 getelementsbytagname() --节点集合对象。 在整个HTML文档文档中，对象就代表这对象，而这又是从文件对象继承而来，也就是说文件对象的属性和方法都被这继承，而文件对象有一个文档元素]属性，也就代表这也有这一个属性 所以： document.documentelement 而文件对象的文档元素]属性的返回值是元 现在： var x = document.documentelement 那么，现在的X就是一个元 而元也是从节点继承的，而节点有一个nodename、nodeType等属生， It also means that Element has these attributes, which means that X has these attributes. In the HTML document, the document object represents a HTMLDocument object, and HTMLDocument is inherited from the Document object, that is to say Document object properties and methods are inherited by HTMLDocument, and the Document object has a documentElement attribute, also on behalf of HTMLDocument also has this attribute So: Document.documentElement The return value of the documentElement property of the Document object is Element Now： Var x = document.documentEleme