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


本文摘自PHP中文网,作者逆旅行人,侵删。

2021040716421270062.jpg

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

表单中的内容:

1

2

3

4

5

6

7

8

9

10

11

12

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title></title>

</head>

<body>

    <span  id="user"  data-email="a@qq.com" >jojo的奇妙</span>

    </body>

</html>

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

1

2

3

4

5

<script>

       const sp=document.querySelector("span");

       console.log(sp);

       console.log(sp.id);  

</script>

id可以正常获取

1

2

3

4

<script>

        const sp=document.querySelector("span");

        console.log(sp.data-email);

</script>

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

阅读剩余部分

相关阅读 >>

Html中hr怎么设置粗细

javascript函数必须有返回值吗

Html内容的位置怎么调

javascript由什么解析

怎样用 tensorflow.js 创建基本的 ai 模型?

Html超级链接a的click事件之后跳转href所指向的地址

javascript怎么移除数组元素

ios加载Html5 audio标签时遇到的问题分享

javascript如何将字符串转为数字

javascript怎么将字符串转为对象

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...