javascript学习笔记(十八) 获得页面中的元素代码(javascript学习指南)

编辑：rootadmin

1.获取元素 getElementById()方法，通过元素的id获取元素，接受一个参数即要获取元素的id，如果不存在这个id返回 null 注意不要让表单元素的name和别的元素的id相同，IE8以下的IE浏览器用这个方法通过元素的name属性可以获得该元素以下面元素为例 <div id ="myDiv">这里是id为“myDiv”的div内容</div>var document.getElementById("myDiv"); //"myDiv"区分大小写，取得<div>元素的引用 getElementsByTagName()方法，通过元素的标签名获得元素，接受一个参数即要获取元素的标签名，返回包含0个或多个的NodeList getElementsByName()方法，通过元素的name属性获得元素，接受一个参数即要获取元素的name属性，常用来获取单选按钮 2.获取元素子节点或元素子节点及其后代节点注意：IE认为<ul>元素有3个子节点，分别是3个元素，其他浏览器会认为有7个子节点，包括3个元素和4个文本节点，如果<ul>在一行中： <ul id="myList"><li>项目一</li><li>项目二</li><li>项目三</li></ul>　　任何浏览器都认为有3个子节点获取元素的子节点: 获取元素的子节点及其后代节点: 3通过节点的属性查找其它节点 nextSibling属性指向当前节点的下一个兄弟节点 previousSibling属性指向当前节点的上一个兄弟节点 firstChild属性指向第一个子节点，lastChild指向最后一个子节点 childNodes保存着所有子节点（其实是NodeList对象）,可以通过方括号的方法访问如 someNode.childNodes[0] 访问第一个子节点 parentNode属性指向父节点节点关系如下：

NodeList是个数组对象，我们可以把它转换为数组，函数如下

推荐整理分享javascript学习笔记(十八) 获得页面中的元素代码(javascript学习指南)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript总结笔记,javascript教程推荐知乎,javascript教程推荐知乎,javascript教程,javascript如何学,javascript入门教程,javascript教程推荐知乎,javascript基础笔记,内容如对您有帮助，希望把文章链接给更多的朋友！

javascript学习笔记(十九) 节点的操作实现代码本节要用到的html例子ulid="myList"li项目一/lili项目二/lili项目三/li/ul1.创建元素节点document.createElement()方法用于创建元素，接受一个参数，即要创建元素的

javascript学习笔记(二十) 获得和设置元素的特性（属性）本节html以下面的为例divid="myDiv"class="bd"title="我是div"imgid="img1"/aid="myA"href="

JavaScript基础知识之数据类型数据类型JavaScript中有5种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object，Object本质上是由一