写出DOM中常用的属性,dom元素属性操作的方法

　　本文给大家带来了一些关于javascript的知识，主要介绍了关于DOM属性成员和文档流的相关问题。它将表单从上到下分成行，每行从左到右排列元素，这就是文档流。下面就一起来看看吧，希望对你有帮助。

　　【相关推荐：javascript视频教程，web前端】

文档流：

　　将表单从上到下分成行，每行从左到右排列元素，这是正常的流程/文档流程。

文本流：

　　文档的读取输出顺序，也就是我们平时看到的从左到右、从上到下的读取输出形式。

　　脱离文档流的情况：

　　1.浮子浮子

　　浮动将离开文档流，但不会离开文本流，其他框模型中的文本仍将为其腾出空间并包围它。

　　2.位置：绝对/固定绝对定位

　　定位一定会让元素离开文档流和文本流，其他的框模型元素和其中文本的排列都会忽略。

　　文档流和文本流可以理解为定位/位置。

DOM

　　 JavaScript操作网页的接口称为“文档对象模型”。

　　有几个概念：文档、元素、节点。

　　整个文档是一个文档节点。

　　每个标签都是一个元素节点。

　　元素中包含的文本是一个文本节点。

　　每个属性都是一个属性节点。

　　评论属于评论节点。

DOM树：

　　 DOM树是一种结构

　　层次结构是指元素之间的关系。

　　父子兄弟

　　解析器输出的树由DOM元素和属性节点组成。

　　当我们说树包含DOM节点时，我们的意思是树由实现DOM接口的元素组成。这些实现包含浏览器内部需要的一些其他属性。

　　脱离文档流后层级结构关系还是没有变的

html DOM属性

　　属性是节点(HTML元素)的值，可以获取或设置。

　　编程接口

　　HTML DOM可以通过JavaScript(和其他编程语言)访问。

　　所有的HTML元素都被定义为对象，而编程接口是对象方法和对象属性。

　　方法是您可以执行的操作(如添加或修改元素)。

　　属性是可以获取或设置的值(如节点的名称或内容)。

　　innerHTML 属性

　　获取元素内容的最简单方法是使用innerHTML属性。

　　innerHTML属性对于获取或替换HTML元素的内容很有用。

　　实例

　　下面的代码获取id=intro 的p元素的innerHTML:

　　超文本标记语言

　　身体

　　你好，世界！/p

　　脚本

　　var txt=document . getelementbyid( intro )。innerHTML

　　document . write(txt)；

　　/脚本

　　/body

　　/html输出结果：

　　在上面的例子中，getElementById是一个方法，innerHTML是一个属性。

　　innerhtml属性可用于获取或更改任何html元素，包括HTML和body。

　　nodeName 属性

　　nodeName属性指定节点的名称。

　　节点名是只读的

　　元素的节点名与标记名相同。

　　属性的节点名与属性名相同。

　　文本的节点名总是#text

　　文档的节点名总是#document。

　　注意：nodeName总是包含HTML元素的大写标记名。

　　nodeValue 属性

　　nodeValue属性指定节点的值。

　　元素的NodeValue未定义或为空。

　　文本的NodeValue是文本本身。

　　属性的NodeValue是属性值。

　　获取元素的值

　　以下示例检索p id=intro 标记的文本节点值：

　　例子

　　超文本标记语言

　　身体

　　你好，世界！/p

　　脚本类型=文本/javascript

　　x=document . getelementbyid( intro )；

　　document . write(x . first child . nodevalue)；

　　/脚本

　　/body

　　/html输出结果：

　　nodeType 属性

　　nodeType属性返回节点的类型。NodeType是只读的。

　　更重要的节点类型有：

　　【相关推荐：javascript视频教程，web前端】以上是全面掌握DOM属性成员和文档流程的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。