DOM节点的属性操作

获取属性值

DOM节点.属性名    //不能获取用户自定义的属性值
DOM节点.getAttribute(属性名)   //获取所有属性值

设置属性值

DOM节点.属性名 = 属性值
DOM节点.setAttribute(属性名,属性值) 

删除属性值

DOM节点.属性名 = ' '
DOM节点.removeAttribute(属性名)

DOM节点的文本操作

获取文本

节点.innerHTM                //获取节点下的所有内容包含了标签
节点.innerText               //获取节点下的文本内容,会过滤掉标签
节点.value                   //获取input输入框等表单控件的内容
节点.getAttribute(“value”)   //value是表单输入框的属性,可以使用getAttribute获得value值

设置文本

节点.innerHTM="文本内容"            //会翻译html标签
节点.innerText ="文本内容"          //不会翻译html标签
节点.value=值
节点.setAttribute("value",值)       //因为value是属性,所以也可以中这个方法设置内容

删除文本

节点.innerHTM= ""
节点.innerText = ""
节点.value = ""
节点.removeAttribute("value")|

DOM节点的属性及文本操作相关推荐

  1. JavaScript学习(八)—属性节点和属性值的操作

    JavaScript学习(八)-属性节点和属性值的操作 方式一: 利用元素节点的attributes属性来获取该元素身上所有的属性 格式1:元素节点.attributes 返回值:返回值为所有属性的节 ...

  2. DOM节点中属性nodeName、nodeType和nodeValue的区别 Delphi

    http://msdn.microsoft.com/zh-cn/library/vstudio/hf9hbf87.aspx <?xml version="1.0"?>& ...

  3. JavaScript中节点获取,节点的属性,如何操作节点

    任何 HTML 或 XML 文档都可以用 DOM 表示为一个由节点构成的层级结构.     一般来说在HTML中文档的节点分为三种: 1.元素节点 通过querySelector获取的节点就是元素节点 ...

  4. HTML DOM节点的属性获取

    根据实验发现,dom节点中,html节点都有下列的属性,并列举重要的属性: 例如: var trObj = document.getElementById("id_1");  // ...

  5. java dom获取属性值_java – 获取dom节点的属性

    我试图获取一个xml节点的属性示例: 我想获取car节点的name属性. DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance ...

  6. 【实用总结】DOM节点className操作

    经常用到的小工具函数,每次用到都重写一遍,有点浪费体力,于是决定分阶段整理下,需要用到的时候就直接拷过来用了- 对于dom节点的className,常用操作不外乎增.删.查(改可以用增+删事先),由于 ...

  7. JS-DOM ~ 03. 子节点的操作、style.样式和属性、dom元素的创建方法及操作、14个例题、主要是利用js直接控制html属性...

    带有Element和不带的区别 a)  带Element的获取的是元素节点 b)  不带可能获取文本节点和属性节点 获取所以子节点 a)   . childNodes b)   . children ...

  8. 认识DOM的三大节点:元素节点,文本节点,属性节点以及nodeName,nodeType,nodeValue的区别

    既然我们把网页文档看做树形结构,那么就有对应的节点.诚然DOM中有三大节点,分别是元素节点,文本节点,属性节点 元素节点:构成了DOM的基础.文档结构中,<html>是根元素,代表整个文档 ...

  9. 深圳软件测试培训:DOM中元素节点、属性节点、文本节点的理解

    深圳软件测试培训:DOM中元素节点.属性节点.文本节点的理解 节点信息 每个节点都拥有包含着关于节点某些信息的属性.这些属性是: nodeType(节点类型) nodeName(节点名称) nodeV ...

最新文章

  1. oracle 10g rac重建crs
  2. 皮一皮:一直情绪不稳的原因终于找到了!
  3. SDN的实现方式及局限性—Vecloud微云
  4. 安装好Pycharm后如何配置Python解释器简易教程
  5. 微信小程序自定义授权弹框
  6. 码云上传代码添加标签_第一次使用Git Bash Here 将本地代码上传到码云
  7. python简单练习 -统计文本词频并用柱状图显示
  8. 4 FI配置-财务会计-创建会计科目表或总账科目表(COA-Chart of Account)
  9. linux运维中的中间件,linux中间件Nginx的安装过程
  10. paip.2013年技术趋势以及热点 v2.0 cae
  11. 1043 Is It a Binary Search Tree (25 分) BST反转?不反转 遍历+vector
  12. 伽卡他卡学生端找不到计算机,伽卡他卡电子教室
  13. containerd 拉取k8s.gcr.io/pause镜像i/o timeout
  14. 06_02_Spring 任务一:IOC控制反转
  15. java 天猫项目_2018最新Java前后端练手项目【模仿天猫前端】
  16. layui 表格数据源_「WPS办公助手」表格数据录入太慢?这个好用的技巧,轻松帮你搞定...
  17. leetcode-94
  18. git 撤销刚才的rebase_从撤销 rebase 谈谈 git 原理
  19. PHP模式-单例模式
  20. Unix平台下iostat与vmstst说明

热门文章

  1. Android开发笔记(一百四十七)标签布局TabLayout
  2. django2.0 自己入门记录一些基础url 模板等
  3. Python笔记9-----不等长列表转化成DataFrame
  4. Xcode6+Cocos2d-x真机调试 报错
  5. android 关联源码
  6. 关于CRM库存初始化的一点小总结
  7. 替罪羊树—BZOJ3224: Tyvj 1728 普通平衡树
  8. django 按钮的样式_Python学习第五十六天记录打call:Django视图
  9. c++检测固定usb端口有无设备接入_设计人员在为产品添加USB Type-C?连接时需要了解的信息...
  10. Kafka-consumer(消费者)