AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

JavaScript 技术篇-js获取dom节点、html标签自定义属性的值。

2021-12-13 1290
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： JavaScript 技术篇-js获取dom节点、html标签自定义属性的值。

   

id、name 等属性通过 e.ide.name 可以直接获取到。

但是自定义属性比如fieldname就不能直接获取到了。

用 getAttribute(“属性名”) 就可以了。

image.png

网页结构：

image.png

喜欢的点个赞❤吧！


文章标签：
JavaScript
前端开发
关键词：
JavaScript技术
JavaScript JS
HTML JavaScript
HTML js
JavaScript javascript
小蓝枣
目录
相关文章
光明顶阳顶天
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染，了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略，可以提高网页的性能和用户体验，确保页面能够快速、流畅地呈现给用户。在实际开发中，要根据具体情况进行权衡和调整，以达到最佳的效果。
光明顶阳顶天
584 57
我是快乐的嘟嘟
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具，通过它们可以动态地改变页面的内容、样式和行为，为用户提供丰富的交互体验。
我是快乐的嘟嘟
308 49
大树营养快线
|
JavaScript 前端开发 开发者
.js的dom元素操作
【10月更文挑战第29天】通过灵活运用这些 DOM 元素操作方法，JavaScript 可以实现丰富的网页交互效果，如动态更新页面内容、响应用户操作、创建和删除页面元素等。在实际开发中，开发者可以根据具体的需求和场景，选择合适的 DOM 元素操作方法来实现所需的功能，为用户提供更加流畅和动态的网页体验。
大树营养快线
368 4
游客44yag4ft7nckq
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中，文档中的所有内容都被视为节点。整个文档是一个文档节点，每个 HTML 元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。DOM 将文档表示为节点树，节点之间有父子和同胞关系。
游客44yag4ft7nckq
358 3
游客44yag4ft7nckq
|
JavaScript
HTML DOM 节点
HTML DOM（文档对象模型）将HTML文档视为节点树，其中每个部分都是节点：文档本身是文档节点，HTML元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。节点间存在父子及同胞关系，形成层次结构。
游客44yag4ft7nckq
286 3
神明木佑
|
JavaScript 前端开发 容器
js之dom学习
js之dom学习
神明木佑
277 0
游客44yag4ft7nckq
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
游客44yag4ft7nckq
199 17
游客44yag4ft7nckq
|
JavaScript
DOM 节点列表长度（Node List Length）
DOM 节点列表长度（Node List Length）
游客44yag4ft7nckq
193 6
游客44yag4ft7nckq
|
JavaScript
DOM 节点列表长度（Node List Length）
DOM 节点列表长度（Node List Length）
游客44yag4ft7nckq
143 16
游客44yag4ft7nckq
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
游客44yag4ft7nckq
119 7

热门文章

最新文章

  • 1
    javascript基础知识和Dom编程学习
  • 2
    web前端学习（四十一）——JavaScript DOM EventListener（添加与移除监听事件）
  • 3
    前端性能优化（DOM篇）
  • 4
    Python+selenium 自动化-chrome页面静止、冻结技术，获取web动态页面的Xpath方法，查看浏览器动态dom节点
  • 5
    JS获取DOM元素的八种方法(含代码,简单易懂)
  • 6
    Java一分钟之-XML解析：DOM, SAX, StAX
  • 7
    前端必知词汇：DOM
  • 8
    React全家桶： React简介--hello react 案例--虚拟DOM与真实DOM-- jsx语法规则
  • 9
    Web Components系列（四） —— 认识 Shadow DOM
  • 10
    【千方百计】更改绑定的数据对象数值后，DOM重新渲染的4种方法
  • 1
    基于ssm+vue.js的中国咖啡文化宣传网站附带文章和源代码设计说明文档ppt
    382
  • 2
    基于ssm+vue.js的铁岭河医院医患管理系统附带文章和源代码设计说明文档ppt
    214
  • 3
    基于ssm+vue.js的校园代购服务订单管理系统附带文章和源代码设计说明文档ppt
    320
  • 4
    基于ssm+vue.js的海鲜自助餐厅系统附带文章和源代码设计说明文档ppt
    228
  • 5
    基于ssm+vue.js的农家乐信息平台附带文章和源代码设计说明文档ppt
    195
  • 6
    基于ssm+vue.js的德云社票务系统附带文章和源代码设计说明文档ppt
    211
  • 7
    基于ssm+vue.js的个人博客网站附带文章和源代码设计说明文档ppt
    272
  • 8
    基于ssm+vue.js的高校共享单车管理系统附带文章和源代码设计说明文档ppt
    343
  • 9
    基于ssm+vue.js的智慧城市实验室主页系统附带文章和源代码设计说明文档ppt
    278
  • 10
    基于ssm+vue.js的lw管理系统附带文章和源代码设计说明文档ppt
    195

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • 《零基础HTML入门教程》
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践
    • 下一篇
    阿里云重磅新品：Agent安全中心，全新安全框架下AI Agent一体化防御平台