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的值无法获取。

阅读剩余部分

相关阅读 >>

哪些游戏是用javascript制作的?

Html文档中怎么把图片作为背景?

Html图片怎么等比例缩放?Html img图片缩放方法总结(附实例)

javascript canvas方法有哪些

Html span标签怎么用

屏蔽javascript会怎样

javascript怎么将值转换为数字类型

js中箭头函数和普通函数的区别是什么

Html怎么设置段距

Html图片怎么插入

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




打赏

取消

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

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

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

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

评论

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

    暂无评论...