私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
レッスンに戻る

属性を取得する

重要性: 5

ドキュメントから data-widget-name 属性を持つ要素を選択し、その値を読むコードを書いてください。

<!DOCTYLE HTML> <html> <body> <div data-widget-name="menu">Choose the genre</div> <script> /* your code */ </script> </body> </html>
<!DOCTYLE HTML> <html> <body> <div data-widget-name="menu">Choose the genre</div> <script> // getting it let elem = document.querySelector('[data-widget-name]'); // reading the value alert(elem.dataset.widgetName); // or alert(elem.getAttribute('data-widget-name')); </script> </body> </html>