JavaScript获取节点——获取属性节点
来源:互联网 发布:java和c 编辑:程序博客网 时间:2024/05/17 15:05
0.前言
上一章讲了如何获取获取标签(元素)节点,这一节来和大家说一下如何获取属性节点。
我还是用代码来讲解:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取属性节点</title></head><body> <input type="text" id="in" placeholder="请留下你的大名!" my="我的"> <script type="text/javascript"> var jsInput = document.getElementById("in"); </script></body></html>
效果:
注意:无论获取什么节点,首先要获取标签结节点,只有获取到标签节点,才能进行属性、文本节点的获取,切记,切记。
1.获取属性节点
第一种方法:获取官方定义的属性节点(获取元素的对应属性值)。
格式:元素节点 . 属性名。
注意:不能获取自定义属性的值。
代码如下:
console.log(jsInput.placeholder);alert("是时候展现真正的技术");
效果:
设置属性节点的值
公式:元素节点 . 属性名 = 新的属性值
代码如下:
//设置元素对应属性的值 //元素节点.属性名 = 新的属性值 jsInput.placeholder = "sunck good";
效果:
第二种方法
公式:元素节点 . getAttribute(属性名);
注意:还可以获取自定义属性的值。
代码:
console.log(jsInput.getAttribute("my"));
效果:
设置自定属性的值
公式:元素节点 . setAttribute(属性名, 新属性值);
注意:当属性不存在时,变为添加属性
代码:
//设置 //元素节点.setAttribute(属性名, 新属性值); jsInput.setAttribute("my", "sunck"); //注意:当属性不存在时,变为添加属性 jsInput.setAttribute("other", "sunck");
效果:
2.删除属性节点
公式:元素节点.removeAttribute(属性名);
注意:某些低版本浏览器不支持
代码:
jsInput.removeAttribute("other");console.log(jsInput);
效果:
3.总结
好了今天就到这,下节和大家分享获取文本节点,谢谢打赏!!!!
0 0
- JavaScript获取节点——获取属性节点
- JavaScript中获取节点——获取标签(元素)节点
- 获取属性节点
- DOM获取属性节点
- 3.获取属性节点
- javascript 获取节点
- javascript DOM 获取节点
- JavaScript如何获取节点
- javascript获取节点
- JavaScript获取兄弟节点
- jQuery中获取节点属性
- CONNECT_BY_ROOT获取根节点属性
- JS 获取节点属性值
- XML解析 获取节点属性
- JavaScript DOM概述(获取节点的方法/节点的访问关系/节点创建添加删除复制/属性获取设置删除)
- JavaScript获取SVG节点值
- javascript获取Dom节点元素
- javascript 获取XML根节点
- tcpdump
- Linux c==几种进程间通信方式的特点对比 (22)
- 11月26日 课堂笔记
- JavaScript中获取节点——获取标签(元素)节点
- 数据结构3--树与二叉树
- JavaScript获取节点——获取属性节点
- leetcode(75).292. Nim Game
- 关于main(int argc, char* argv[])的理解
- 虚拟机Ubuntu/新建硬盘/磁盘未就绪…
- arm-linux-gcc的安装/编译u-boot错…
- Linux终端解压文件
- Linux内核编译步骤与问题/make:&nb…
- Linux内核编译问题2/make uIm…
- Linux构建根文件系统//编译busybox…