`
sbiigu
  • 浏览: 163884 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

document的属性和方法

    博客分类:
  • js
 
阅读更多
document的属性和方法:

document.createElement(tagName) :文档对象上的createElement方法可以创建由tagName指定的元素.如果以串div作为方法参数,就会生成一个div元素.

document.createTextNode(text) :文档对象的createTextNode方法会创建一个包含静态文本text的文本节点.

document.createAttribute(): 用指定的名字创建新的Attr节点.

document.createComment() :用指定的字符串创建新的Comment节点.

document.getElementById(): 返回文档中具有指定id的Element节点.

document .getElementsByTagName():返回文档中具有指定标记名的所有Element节点.返回为一Element节点数组;




节点的属性和方法:

<element>.appendChild(childNode) :appendChild方法将指定的节点增加到当前元素的子节点列表(作为一个新的子节点).例如,可以增加一个option元素,作为select元素的子节点.

<element>.getAttribute(name) :该方法用来获得元素中name属性的值.

<element>.setAttribute(name,value) :该方法用来设置元素中name属性的值.

<element>.insertBefore(newNode,targetNode) :该方法将节点newNode作为当前元素的子节点插到targetNode子节点元素的前面.

<element>.removeAttribute(name) :该方法从元素中删除属性name.

<element>.removeChild(childNode) :该方法从元素中删除子元素childNode.

<element>.replaceChild(newNode,oldNode) :该方法将节点oldNode替换为节点newNode.

<elemnet>.hasChildNodes() :该方法返回一个布尔值,指示元素是否有子元素.

<element>.tagName :元素的标记名称,比如<p>元素为PHTML文档返回的tagName均为大写;

<element>.getAttributeNode() :以Attr节点的形式返回指定属性的值;

<element>.getElementsByTagName() :返回一个Node数组,包含具有指定标记名的所有Element节点的子孙节点,其顺序为在文档中出现的顺序.

<element>.hasAttribute() :如果该元素具有指定名字的属性,则返回true;

<element>.removeAttributeNode() :从元素的属性列表中删除指定的Attr节点.

<element>.setAttributeNode() :把指定的Attr节点添加到该元素的属性列表中.

<element>.cloneNode(true) :复制当前节点,true表示复制当前节点以及它的所有子孙节点.


Node对象常用属性:

<element>.attributes :如果该节点是一个Element,则以namedNodeMap形式返回该元素的属性.

<element>.childNodes :以Node[]的形式存放当前节点的子节点.如果没有子节点,则返回空数组.

<element>.firstChild :以Node的形式返回当前节点的第一个子节点.如果没有子节点,则为null.

<element>.lastChild :以Node的形式返回当前节点的最后一个子节点.如果没有子节点,则为null.

<element>.nextSibling :以Node的形式返回当前节点的兄弟下一个节点.如果没有这样的节点,则返回null.

<element>.previousSibling :以Node的形式返回紧挨当前节点,位于它之前的兄弟节点.如果没有这样的节点,则返回null.

<element>.parentNode :以Node的形式返回当前节点的父节点.如果没有父节点,则返回null.

<element>.nodeType :代表节点的类型.

<element>.nodeName :节点的名字,Element节点则代表Element的标记名称.




分享到:
评论

相关推荐

    document属性和方法.txt

    ### Document属性和方法详解 #### 一、Document对象概述 `Document`对象是浏览器中一个非常重要的对象,它表示整个HTML文档。通过`Document`对象,开发者可以访问页面中的所有元素,实现对网页内容的动态操作。下面...

    javascript 的Document属性和方法集合

    以下是一些主要的`Document`属性和方法的详细说明: 1. **属性** - `document.title`: 这个属性用于获取或设置当前文档的标题,它在浏览器的标签页上显示。 - `document.bgColor`, `document.fgColor`, `document...

    JS的Document属性和方法小结

    本文主要对Document对象的属性和方法进行一个小结,并通过示例详细介绍每个属性和方法,帮助开发者更好地理解和使用Document对象。 首先,Document对象的属性允许开发者读取文档的各种信息以及设置文档的部分属性。...

    JavaScript 节点操作 以及DOMDocument属性和方法

    DOMDocument对象是这个模型的核心,它代表了整个文档,并提供了访问和操作文档中各个元素的方法和属性。 首先,DOMDocument对象的一些重要属性包括: 1. `Attributes`: 这个属性是一个只读的NamedNodeMap,存储了...

    Ajax基本对象的属性和方法

    Ajax 基本对象的属性和方法 Ajax 基本对象是指在异步 JavaScript 和 XML(AJAX)技术中使用的基本对象,该对象提供了一些属性和方法来处理 XML 的 DOM 元素和遍历 XML 的 DOM 元素。下面是 Ajax 基本对象的属性和...

    INET控件Document属性

    在DOM中,每个HTML元素都是一个对象,它们有各自的属性和方法。比如,如果我们想获取并改变网页上某个ID为"example"的元素的内容,可以这样做: ```vb If Not doc.getElementById("example") Is Nothing Then doc....

    DOM常用属性和方法

    ### DOM常用属性和方法 #### 一、DOM与HTML文档结构理解 在DOM(Document Object Model,文档对象模型)的世界里,HTML文档被视作一种树状结构,其中`&lt;html&gt;`作为根节点,而其他诸如`&lt;head&gt;`、`&lt;title&gt;`、`&lt;body&gt;`...

    JavaScriptdocument对象方法属性大全

    以下是对`Document`对象的一些常用方法和属性的深入解析。 #### 基本属性与方法 1. **`document.title`** - 此属性用于获取或设置文档标题,即HTML `&lt;title&gt;` 标签的内容。 2. **颜色相关的属性** - `document...

    HTML DOM 常用的属性和方法

    对于Element节点,有以下重要的属性和方法: 属性: - `tagName`:获取或设置元素的标签名。 - `id`:元素的唯一标识符。 - `className`:元素的类名,用于CSS选择器。 方法: - `getAttribute(name)`:获取指定...

    JavaScript的document方法汇总

    在Web开发中,`document`对象是浏览器提供的核心对象之一,它代表当前加载的HTML文档,并提供了与文档交互的各种方法和属性。本文将详细介绍`document`对象的一些常用方法及其应用场景。 #### 一、文档基本信息获取...

    document方法大全

    三、属性和内容操作方法 1. `getAttribute(name)`:获取元素的属性值。 2. `setAttribute(name, value)`:设置或修改元素的属性值。 3. `innerHTML`:获取或设置元素的HTML内容。 4. `textContent`:获取或设置元素...

    windows和document方法详解.doc

    `document`对象提供了许多属性和方法来操作和访问文档的各个部分: 1. **属性**: - `alinkColor`: 活动链接的颜色。 - `all`: 只有IE支持,表示文档中所有HTML元素的数组。 - `anchors`: 包含文档中所有锚点...

    深入探讨:JavaScript中的`document.head`与`document.body`属性

    本文详细介绍了document.head与document.body属性的使用方法和应用场景,希望能够帮助你在实际开发中更好地处理文档结构的操作。如果你在实际开发中遇到任何问题,可以参考本文的内容,或者查阅相关的文档和社区讨论...

    javascript 常用的属性与方法

    在JavaScript中,属性和方法是编程的核心元素,它们允许我们操作和控制网页的各个方面。本篇文章主要聚焦于JavaScript中的一些常用属性和方法,特别是针对文档对象模型(DOM)的操作。 1. **document对象**:作为...

    winform 使用XmlDocument读写节点属性源码

    XPath是一种在XML文档中查找信息的语言,允许我们定位节点、属性和其他元素。 4. **读取XML节点属性**: 找到节点后,可以通过调用`Attributes`属性获取其属性集合,然后通过索引器或`GetAttribute`方法读取特定...

    js document对象详解

    作为 JavaScript 脚本语言中最重要的对象之一,document 对象提供了大量的属性和方法来操作和控制 HTML 文档。下面是对 document 对象的详细介绍。 document 对象属性 1. document.title:设置文档标题,等价于 ...

Global site tag (gtag.js) - Google Analytics