Heim > Web-Frontend > js-Tutorial > Hauptteil

Elementattribute in HTML in JavaScript lesen

autoload
Freigeben: 2021-04-15 13:57:41
Original
1759 Leute haben es durchsucht

Elementattribute in HTML in JavaScript lesen

In JavaScript können die Werte einiger Attribute nach dem Abrufen des Elements normal abgerufen werden, aber nachdem auf die Werte einiger Attribute zugegriffen wurde, werden die Werte einiger Attribute normal abgerufen Da die erhaltene Antwort undefiniert ist, erfahren Sie in diesem Artikel mehr darüber. JavaScript中,元素获取后,有些属性的值可以正常获取,但是有些属性的值进行访问后,得到的答案却是undefined,本文就带大家一起了解一下。

表单中的内容:

<!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>
Nach dem Login kopieren

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

 <script>
        const sp=document.querySelector("span");
        console.log(sp);
        console.log(sp.id);   
 </script>
Nach dem Login kopieren

id可以正常获取

<script>
        const sp=document.querySelector("span");
        console.log(sp.data-email);
</script>
Nach dem Login kopieren

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

PS:id默认内置的标准属性,可以直接进行访问,email非内置属性,undefined

Inhalt im Formular: b

   <script>
        const sp=document.querySelector("span");
        console.log(p.dataset.email);
        //对于自定义的数据属性"data-",使用dataset对象来操作
   </script>
Nach dem Login kopieren
Lesen Sie die Span-Tag-Attributdaten im Formular: 🎜Rrreee🎜 ID kann normal sein Get 🎜🎜rrreee🎜🎜🎜 🎜🎜 Fehler: Uncaught ReferenceError: email ist nicht definiert, der Wert von 🎜email kann nicht abgerufen werden. 🎜🎜PS: 🎜id ist Auf Das standardmäßig integrierte Standardattribut kann direkt zugegriffen werden. email ist ein nicht integriertes Attribut und undefiniert. 🎜rrreee🎜Empfohlen: „🎜Fragen und Antworten zum js-Interview 2021 (große Zusammenfassung)🎜“🎜

Das obige ist der detaillierte Inhalt vonElementattribute in HTML in JavaScript lesen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage