dom入门教程:DOM 的属性和方法

dom入门教程:DOM 的属性和方法

属性和方法定义编程接口的HTML的DOM 。

编程接口
的DOM模型的HTML作为一套节点对象。节点可以利用JavaScript或其他编程语言。在本教程,我们使用JavaScript 。

编程接口的DOM的定义是一套标准的属性和方法。

性能往往被称为是东西(即nodename是的“ P ” ) 。

方法往往被称为东西做到这一点(即删除的“ P ” ) 。

的HTML的DOM属性
这是一些典型的DOM属性:

x.innerHTML -文字的内在价值× (一个H TML元素)
x.nodeName -名称的x
x.nodeValue -x的值
x.parentNode -父节点的x
x.childNodes -子节点的x
x.attributes -节点的属性的x
注:上述清单, x是一个节点对象( HTML元素) 。

的HTML DOM方法
x.getElementById (标识) -获得的元素与指定I D
x.getElementsByTagName (姓名) -让所有元素与指定的标记名称
x.appendChild (节点) -插入一个子节点为x
x.removeChild (节点) -删除一个子节点从X
注:上述清单, x是一个节点对象( HTML元素) 。

innerHTML
最简单的方式获得或修改内容的一个组成部分是使用InnerHtml属性。

innerHTML不是一个组成部分的W3C DOM规范。然而,它支持所有主要浏览器。

该InnerHtml属性是有益的返回或更换内容的HTML元素(包括<html>和<body> ) ,它也可以用来查看源网页已经动态修改。

例如
JavaScript代码让文字从<p>元素的ID “介绍”在一个HTML文件:

文本= document.getElementById ( “简介” ) 。 innerHTML

在执行该声明中,文本将持有的价值“世界您好! ”

解释:

文件-目前的H TML文件
getElementById ( “简介” ) -的< p>元素的I D为“介绍”
innerHTML -内文H TML元素
在上述范例中, getElementById是一种方法,而innerHMTL是一种财产。

你试试看

子和nodeValue
的W3C DOM指定的方式获得的内容,一个内容的作品这样的:

JavaScript代码让文字从<p>元素的ID “介绍”在一个HTML文件:

文本= document.getElementById ( “简介” ) 。子[ 0 ] 。 nodeValue

在执行该声明中,文本将持有的价值“世界您好! ”

解释:

文件-目前的H TML文件
getElementById ( “简介” ) -的< p>元素的I D为“介绍”
子[ 0 ] -第一个孩子的< p>元素(文本节点)
nodeValue -价值的节点(文本身)
在上述范例中, getElementById是一种方法,而子和nodeValue的性能。

你试试看

在本教程,我们将主要使用InnerHtml属性。然而,学习上面的方法是有用的理解树状结构的DOM和处理XML文件。

时间: 2024-10-24 01:22:13

dom入门教程:DOM 的属性和方法的相关文章

DOM和XMLHttpRequest对象的属性和方法整理_javascript技巧

标准XMLHttpRequest操作 方法 描述 abort() 停止当前请求 getAllResponseHeaders() 把HTTP请求的所有响应的首部作为建/值返回 getResponseHeader("header") 返回指定首部的串值 open(String  "method", String  "url, bollean  [asynch], String  [username], String  [password]) 建立的服务器的调用

vue.js入门教程之计算属性_javascript技巧

前言 计算属性是用来声明式的描述一个值依赖了其它的值.当你在模板里把数据绑定到一个计算属性上时,Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM.这个功能非常强大,它可以让你的代码更加声明式.数据驱动并且易于维护. 模板中表达式非常便利,但是它们实际上只用于简单的操作. 模板是为了描述视图的结构,在模板中放入太多的逻辑会让模板过重且难以维护. 这就是为什么 Vue.js 将绑定表达式限制为一个表达式, 如果需要多于一个表达式的逻辑,应当使用计算属性. 来看这一个简单的例子 <div i

AJAX入门--- XMLHttpRequest对象的属性和方法

         由于刚刚接触到Ajax对其比较陌生,而其中的XMLHttpRequest对象更是未曾听闻.开始学之前,了解一下它的属性和方法为它的使用做下铺垫.本文重点介绍XMLHttpRequest的属性和方法.          XMLHttpRequest对象的属性和事件 属性 描述 readyState 表示XMLHttpRequest对象的状态[1] responseText 包含客户端接收到的HTTP相应的文本内容[2] responseXML 服务器响应的XML内容对应的DOM对

php版微信公众平台入门教程之开发者认证的方法_php实例

本文讲述了php版微信公众平台开发者认证的方法.分享给大家供大家参考,具体如下: 微信公众平台如何成为开发者? 登录微信公众平台后,点击高级功能=>开发模式=>成为开发者=>填写接口配置信息,提交后等待我司工作人员的审核. 1. 开发者认证 这个最简单了,直接上个超简单版代码: exit($_GET['echostr']); php文件就写上面这一句就行,微信公共平台随便填写token,写上php文件的url,然后验证即可通过,超级简单吧?官方的认证根本没有必要,因为后面的步骤没有使用的

php版微信公众平台入门教程之开发者认证的方法

本文讲述了php版微信公众平台开发者认证的方法.分享给大家供大家参考,具体如下: 微信公众平台如何成为开发者? 登录微信公众平台后,点击高级功能=>开发模式=>成为开发者=>填写接口配置信息,提交后等待我司工作人员的审核. 1. 开发者认证 这个最简单了,直接上个超简单版代码: exit($_GET['echostr']); php文件就写上面这一句就行,微信公共平台随便填写token,写上php文件的url,然后验证即可通过,超级简单吧?官方的认证根本没有必要,因为后面的步骤没有使用的

Golang极简入门教程(二):方法和接口_Golang

方法 在 Golang 中没有类,不过我们可以为结构体定义方法.我们看一个例子: 复制代码 代码如下: package main   import (     "fmt"     "math" )   type Vertex struct {     X, Y float64 }   // 结构体 Vertex 的方法 // 这里的方法接收者(method receiver)v 的类型为 *Vertex func (v *Vertex) Abs() float64

Javascript实例教程:DOM方法创建和修改表格

文章简介:Javascript实例教程:DOM方法创建和修改表格. <table>元素是HTML中最复杂的结构之一.要想创建表格,一般都必须涉及表示表格行.单元格.表头等方面的标签.由于涉及的标签多,因而使用核心DOM方法创建和修改表格往往都免不了要编写大量的代码.假设我们要使用DOM来创建下面的HTML表格: <table border="1" width="100%"> <tbody> <tr> <td>

js在浏览器兼容教程:DOM方法及对象引用

文章简介:js在浏览器兼容教程:DOM方法及对象引用. 1. getElementById [分析说明]先来看一组代码: <!-- input对象访问1 --><input id="id" type="button" value="click me" ōnclick="alert(id.value)"/> 在Firefox中,按钮没反应,在IE中,就可以,因为对于IE来说,一个HTML 元素的 ID 可

javascript入门教程:Dom创建删除表格

<html> <head> <title>javascript入门教程:Dom创建删除表格</title> </head> <body> <div id="tableTest"> </div> </body> </html> <script language="JavaScript" type="text/javascript&qu