JavaScript中对HTML中元素属性的读取

web前端|js教程 JavaScript中对HTML中元素属性的读取

HTML,JavaScript,元素属性

web前端-js教程

登录的php源码下载,ubuntu程序安装方法,爬虫逐渐变大,php字符串用三种方式定义,seo张宽lzw

asp广告商城源码,ubuntu分区规划,爬虫教务网成绩,php active,seo系统源码lzw

在JavaScript中，元素获取后，有些属性的值可以正常获取，但是有些属性的值进行访问后，得到的答案却是undefined，本文就带大家一起了解一下。

艺术网源码,vscode前端还是后端,ubuntu无限加载,tomcat手写教程,sqlite3 l编程,jquery 筛选器插件,前端三大框架使用市场份额,用爬虫爬流量违法吗,base64编码 php,栾川seo优化排行,商务咨询网站源码,php开发的网页即时通讯源码,bootstrap列表模板lzw

表单中的内容：

                    jojo的奇妙

对表单中span标签属性数据进行读取:

         const sp=document.querySelector("span");        console.log(sp);        console.log(sp.id);

id可以正常获取

        const sp=document.querySelector("span");        console.log(sp.data-email);

报错：Uncaught ReferenceError: email is not defined，email的值无法获取。

PS：id为默认内置的标准属性，可以直接进行访问，email是非内置属性,undefined。

           const sp=document.querySelector("span");        console.log(p.dataset.email);        //对于自定义的数据属性"data-",使用dataset对象来操作

推荐：《2021年js面试题及答案（大汇总）》

元素属性