第十章—DOM(二)——Element类型】的更多相关文章

Element类型用于表现XML和HTML的元素,提供了对元素标签名.子节点及特性的访问. 要访问标签名可以使用nodeName和tagName属性,其返回值是一样的. <p id="pd" name="test">no.1</p> <script type="text/javascript"> var p=document.getElementById("pd"); alert(p.nod…
DOM1定义了一个node接口,该接口由DOM的所有节点类型实现. 所有的节点都存在这样或那样的关系.在HTML中,head,body可以看出是html的子元素,html是head,body的父元素,而head,body互为同胞元素. 这里要注意一个概念:nodeList 输出: 如下例子: <div id="myDiv"> </div><!-- 此处有空格 --> <script> var div = document.getEleme…
DOCUMENT类型 JS通过document类型表示文档,在文档中document对象是HTMLDocument的一个实例,表示整个HTML页面.document对象是window对象的一个属性,因此可以将其作为全局对象来访问. document节点的特征: 在这里,可以使用documentElement和document.body来分别取得对html元素和body元素的引用. 在这里对于html的引用是有条件的.如果文档前面有<!DOCTYPE html>的话,或者body里有内容的话,就…
1)getElementById 后面的nodeName和tagName都一样 var a=document.getElementById("my_div"); console.log(a.nodeName,a.tagName); 元素中的class还js中会变成className 元素中的属性会在js代码中被修改 var a=document.getElementById("my_div"); a.className="fuck"; conso…
Element类型用于表现HTML和XML,提供了对元素标签名,子节点和特效的访问.Element节点具有以下特征: 要访问元素的标签名,可以使用nodeName属性,也可以使用tagName属性.这两个属性都返回相同的值. 这里输出的是大写的DIV 在HTML中,标签名始终是以大写形式表示:在XML中,标签名始终和源代码保持一致. 实际操作,以上面这种方式为准 每个HTML元素都存在以下标准特性: 也可以修改对应的每个特性: 取得特性 操作特性的方法主要有三个: 注意:传递给getAttrib…
Element类型用于表现XML或HTML元素,提供对元素标签名,子节点及特性的访问.原型链的继承关系为 某节点元素.__proto__->(HTML某元素Element.prototype)->HTMLElement.prototype->Element.prototype->Node.prototype->EventTarget.prototype.以HTML元素为例:document.documentElement.__proto__->HTMLHtmlEleme…
Element 类型用于表现 XML或 HTML元素,提供了对元素标签名.子节点及特性的访问. 要访问元素的标签名,可以使用 nodeName 属性,也可以使用 tagName 属性:这两个属性会返回相同的值.如下所示: <div id="myDiv"></div> var div = document.getElementById("myDiv"); alert(div.tagName); //"DIV" alert(d…
Element类型 除了Document类型之外,Element类型就要算是Web编程中最常用的类型了.Element类型用于表现XML或HTML元素,提供了对元素标签名.子节点及特性的访问.   要访问元素的标签名,可以使用nodeName属性,也可以使用tagName属性:这两个属性会返回相同的值(使用后者主要是为了清晰起见).   在HTML中,标签名始终都以全部大写表示:而在XML(有时候也包括XHTML)中,标签名则始终会与源代码中的保持一致.假如你不确定自己的脚本将会在HTML还是X…
除了document,element类型也算是最常用的类型 Element节点有以下特征: nodeType 值为1 nodeName 元素的标签名 nodeValue 值为null parentNode 值为Document或Element(上一级父级元素) 首先介绍DOM里常见的三种节点类型(总共有12种,如docment):元素节点,属性节点以及文本节点,例如<h2 class="title">head</h2>,其中h2是元素节点,class是属性节点,…
1.DOM:文档对象模型,是针对 HTML 和 XML 文档的一个 API(应用程序编程接口). 2.DOM 可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构. 3.文档节点是每个文档的根节点.在这个例子中,文档节点只有一个子节点,即<html>元素,我们称之为文档元素.文档元素是文档的最外层元素,文档中的其他所有元素都包含在文档元素中.每个文档只能有一个文档元素.在 HTML 页面中,文档元素始终都是<html>元素.在 XML 中,没有预定义的元素,因此任何…