如何在量角器中访问HTML子元素

Question

我要从以下位置访问“值”：

• HTMLCollection。[div.timeline--progress]
  • 0：div.progress
    • accessKey：“” align：“”“ assignedSlot：null attributeStyleMap：StylePropertyMap。{size：1}属性：NamedNodeMap
      • 0：类别1：样式
        • baseURI：“ https://sample.com/” childNodes：NodeList [] firstChild：null isConnected：False lastChild：null localName：“ style” name：“ style” namespaceURI：null nextSibling：null nodeName：“ style” nodeType：2 nodeValue：“宽度：15.0832％;” ownerDocument：文档ownerElement：div.progress parentElement：null parentNode：null前缀：nullpreviousSibling：null指定：truetextContent：“ width：15.0832％；”值：“宽度：15.0832％；” proto ：属性

我尝试执行以下操作：

  

let getWidth = $（'。progress'）。getAttribute（'value'）;

但是，这打印了我完整的对象。

我只需要“值”字段中的值。

感谢您的建议！

谢谢

Answer 1

实际上，它返回未解决的承诺。查看文档：{​​{3}}

Answer 2

.getAttribute（）;返回需要解决的承诺。您应该尝试：

let getWidth = $('.progress').getAttribute('value')
    .then(function(value){
       console.log(value);
    )};

Answer 3

它应该以下列方式工作。实际上，您尝试的方式会返回承诺，并且需要解决。请尝试以下方式。

let progress = $('.elem');
let getWidth = await progress.getAttribute('style');