Heim > Artikel > Web-Frontend > Elementattribute in HTML in JavaScript lesen

Elementattribute in HTML in JavaScript lesen

autoloadOriginal: 2021-04-07 16:47:021747Durchsuche

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>

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

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

id可以正常获取

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

报错：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>

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!

JavaScript html JS undefined

Stellungnahme：

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

Vorheriger Artikel：So ändern Sie den Wert im Span-Tag mithilfe von JavascriptNächster Artikel：So ändern Sie den Wert im Span-Tag mithilfe von Javascript

In Verbindung stehende Artikel

Mehr sehen