http://www.w3school.com.cn/jsref/index.asp

 

1.document.getElementbyId(“id1”),Html中，名称是id1的元素的对象。由于要求元素的id是唯一的，所以通过getElementId()方法获得的是一个对象，而不是一个数组。

2.document.getElementbyTagName("h1"),返回所有标签为<h1>的对象的集合(他的返回值是一个数组，包括了所有标签是<h1>的集合)，如果要查看当前html中有多少个<h1>元素，可以使用document.getElementbyTagName("h1").length,来获得。如果想获得特定的<h1>元素，可以通过document.getElementbyTagName("h1")[0]来获得。另外getElementbyTagName不仅仅是document的方法，也可以是其他元素的方法，表示获得其他元素内部的指定标签的元素。比如，var eventList= docuement.getElementbyId("EventList");//得到Html中id 为EventList的元素,

var li1 = eventList.getElementbyTagName("li")[0]得到 eventList标签中包含的第一个<li>标签。

3.文档的重要属性：在文档中每个节点都有一些重要的属性，最重要的是

(1).nodeType(它用来描述该节点是什么)，比如这个节点是一个元素类型的节点(p,h1,li)等等，或者是一个文本(text)类型的节点，比如<h1 id=”title1”>我是标题</h1>。*当节点是元素节点时，Element.nodeType的返回值是 1；如果节点是文本类型节点时，返回值是 3；

(2).nodeName,表示的是元素的名字，比如在<body>中定义了一个<TextArea id=”myText”>元素，如果用 var myNodeName = document.getElementbyId(“myText”).nodeName;返回值是”TextArea”.

(3)nodeValue是节点的值，如果节点是一个元素，则它的nodeValue是null,如果nodeValue是文本节点，则他的值是文本的内容。

4.父节点，子节点，兄弟节点之间的访问：

(1)从父节点访问子节点：（a）.yourElement.childNodes(),这是访问该父节点下面的所有子节点，返回值是一个节点的数组（NodeList）。需要取到某一个的时候，可以用[1]类似的索引取到，还可以用数组的属性取到子节点的个数等等。

（b）.firstChild,lastChild顾名思义了，不多解释，但是有一点，一个节点的属性，比如nodeType,nodeName,nodeValue等等都被看成是它的子节点，所以要访问这些属性的时候，getElementbyId(“aaa”).nodeType是访问不到的，需要用 getElementbyId[“aaa”].firstChild.nodeType,才可以访问。

(2)从子节点访问父节点：parentNode,可以利用循环访问父节点

例：while(parentElm.className ！=‘dynamic’&& parentElm !=’document.body’)

{

       parentElm=parentElm.parentNode;

}

(3)兄弟节点之间的访问：可以使用element.previousSibling和element.nextSibling属性，访问当前节点的上一个兄弟节点和下一个兄弟节点。

5.JavaScript中访问Html标签属性的方法：

(1)用getElementById(“”)等取得节点的方法得当标签，然后 .【属性】就可以，例如：getElementsByTagName(“A”)[0].href = “color.htm”

(2)用getElementById(“”)等取得节点的方法得到标签，然后用getAttribute 或者 setAttribute设置属性值。

6.创建新节点

document.createElement(element):创建一个名字为element的新元素，需要提供一个字符串形式的元素名。

document.createTextNode(“string”):创建一个节点值为string的文本节点。

newNode = node.cloneNode(bool):创建newNode节点作为Node的副本（clone）

node.appendChild(newNode):将newNode作为子节点，添加在node所有子节点后。

node.insertBefore(newNode,oldNode):在node节点的子节点oldNode之前插入newNode.

node.removeChild(oldNode):移除node节点的子节点oldNode

访问 HTML中元素的方法的更多相关文章

  1. JAVA中循环删除list中元素的方法总结【转】

    印象中循环删除list中的元素使用for循环的方式是有问题的,但是可以使用增强的for循环,然后今天在使用时发现报错了,然后去科普了一下,再然后发现这是一个误区.下面就来讲一讲..伸手党可直接跳至文末 ...

  2. java中循环删除list中元素的方法

    重点哈 印象中循环删除list中的元素使用for循环的方式是有问题的,但是可以使用增强的for循环,然后今天在使用时发现报错了,然后去科普了一下,再然后发现这是一个误区.下面就来讲一讲..伸手党可直接 ...

  3. javascript 获取父页面中元素对象方法

    父页面中: <input type="hidden" id="areaID" value="test1"> <iframe ...

  4. Java中循环删除list中元素的方法总结

    印象中循环删除list中的元素使用for循环的方式是有问题的,但是可以使用增强的for循环,然后在今天使用的时候发现报错了,然后去科普了一下,发现这是一个误区.下面我们来一起看一下. Java中循环遍 ...

  5. js删除数组中元素的方法

    一.清空数组 var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空数组 console.log(ary); // 输出 [],空数组,即被清空了 二.删 ...

  6. python删除列表中元素的方法

    删除列表中元素的三种方法-remove.pop.del 1 1.remove: 删除单个元素,删除首个符合条件的元素,按值删除 2 举例说明: 3 >>> str=[1,2,3,4, ...

  7. JS实现循环删除数组中元素的方法介绍

    这篇文章主要给大家介绍了关于Javascript循环删除数组中元素的几种方法,文中给出了详细的示例代码供大家参考学习,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧. 本文主要跟大家分享了 ...

  8. JAVA中循环删除list中元素的方法总结（同上篇）

    印象中循环删除list中的元素使用for循环的方式是有问题的,但是可以使用增强的for循环,然后今天在使用时发现报错了,然后去科普了一下,再然后发现这是一个误区.下面就来讲一讲..伸手党可直接跳至文末 ...

  9. vue学习(五) 访问vue内部元素或者方法

    //html <div id="app"> <input type="button" value="ok" v-bind: ...

随机推荐

  1. 增加eclipse启动的Tomcat内存的方法 tomcat内存增加

    增加eclipse启动的Tomcat内存的方法 Tomcat一般默认情况下最大最优内存设置为2G 这种情况下,修改Tomcat\bin\catalina.bat,添加如下内容 set JAVA_OPT ...

  2. 使用Windows Azure创建Windows系统虚拟机-下

    如何在创建虚拟机之后登录虚拟机 这部分将展示如何登录到虚拟机,所以你可以管理它的设置和你会上面运行的应用程序. 注意: 对于要求和故障排除技巧,请参阅“使用RDP或SSH连接到Azure虚拟机”( C ...

  3. 如何将SQL Server运行到Windows Azure上

    从2012年6月6日开始,Windows Azure上一些强大的新功能现在可用于预览,包括新的Windows Azure虚拟机(VM).其中有关Windows Azure虚拟机最强大的一件事是他们利用 ...

  4. Esper系列(八)Method Definition、Schema

    Method Definition 作用:以公共静态方法的方式去访问外部数据.   应用说明: 1.返回数据的方法必须是公共静态方法(方法参数可以有多个也可以没有): 2.如果返回一条数据或无返回数据 ...

  5. 在浏览器中使用jquery取得iframe中页面中指定元素的值的不同

    自己使用aspx页面中嵌套了ascx的页面其中使用了iframe的一些内容,出现了同一个页面的两种取值的方式 1. 在iframe的包含页面,需要使用iframe的页面中的元素,是需要使用$(wind ...

  6. 用g++ 编译 ffmpeg 编译出现 error: 'UINT64_C' was not declared in this scope 或 missing -D__STDC_CONSTANT_MACROS

    在 libavutil/common.h 下 添加如下,即可解决 #ifdef __cplusplus#define __STDC_CONSTANT_MACROS#ifdef _STDINT_H#un ...

  7. storm出现的背景

     storm出现的背景 互联网从诞生的第一时间起,对世界的最大改变就是让信息能够实时交互,从而大大加速了各个环节的效率.正因为大家有对信息实时响应.实时交互的需求,所以软件行业除了个人操作系统之外,数 ...

  8. [MySQL]快速解决"is marked as crashed and should be repaired"故障

    具体报错如下: Table '.\Tablename\posts' is marked as crashed and should be repaired 提示说论坛的帖子表posts被标记有问题,需 ...

  9. hdu 3722 Card Game 二分图的最大权匹配

    题目可以转化为2个集合,x集合和y集合,其中的元素是1-n个字符串. 首先预处理点与点的边权,然后直接用二分图的最大权匹配模板. #include<stdio.h> #include< ...

  10. iOS 开发中使用到的小技巧汇总

    国庆即将来到,一个小项目也即将完成,把自己在项目中用的一些小技巧写出来,方便查找. 1,去掉分割线--动画设置透明度alpha //去掉tableView的分隔线:     self.tableVie ...