JavaScript之获取节点
JavaScriopt DOM有三大节点:元素节点、属性节点、文本节点。
其中获取元素节点的三种主要方法有:
1.document.getElementById();此方法根据节点的唯一id值获取节点。
如<li id = "hamigua">哈密瓜</li>,document.getElementById("hamigua");
2.document.getElementByTagName();此方法根据节点的标签名获取节点。
如<li></li>标签,document.getElementByTagName("li");
3.document.getElementsByName();此方法根据节点的name属性获取节点。
如<input type = "text" name = "n_hamigua" value = "哈密瓜"/>,document.getElementsByName("n_hamigua");
但是这个方法只能获取有name属性的节点,如<li name = "li_hamigua"></li>,document.getElementsByName(li_hamigua);是获取不到的,使用时应注意这个问题。
而属性节点和文本节点都是需要先获取到元素节点之后,再获取。
属性节点:<input type = "text" id = "input_hamihua" value = "value_hamigua"/>;document.getElementById("input_hamigua").getAttributeNode("value");
这样才可以获取到input标签的value属性, 即获取到"value_hamigua"这个属性值。
文本节点:<li id = "li_hamigua">哈密瓜</li>;document.getElementById("li_hamigua").firstChild;
这样才可以获取到input标签的文本节点,即获取到"哈密瓜"这个文本值。
在这里解释一下三个节点的区别:
①元素节点:类似于<body></body>、<li></li>、<input/>这样的节点。
②属性节点:类似于<input type="text" name="text"/>中的"name='text'"这样的节点。
③文本节点:类似于<li>HelloWorld</li>中的"HelloWorld"这样的节点。
最新文章
- 浅谈web语义化
- C# 部分语法总结(入门经典)
- Ubuntu 16.04 下使用Xampp
- 【C-循环结构】
- Linux小技巧总结
- TestStand与LabVIEW UI 交互
- Java多线程死锁的产生实例
- Ext.Net学习笔记22:Ext.Net Tree 用法详解
- LoadRunner 技巧之THML 与 URL两种录制模式分析
- Android 中Java和JavaScript交互入门
- 客户机增加域 及server文件共享
- freemarker配置,使用
- Bash shell执行命令的优先级
- 201521123084 《Java程序设计》第13周学习总结
- ImageLoader 笔记
- __x__(32)0908第五天__Photoshop的基本操作
- 归并排序Python 实现
- GMA Round 1 奇怪的数列
- 如何编写一个d.ts文件
- numpy--深度学习中的线代基础