Javascript 如何访问元素的cssText？

我是javascript的初学者，如果我的问题很简单，那么很抱歉，但我无法为我的代码找到解决方案。我想做的是：我有一张卡片，上面有href元素的列表。当用户单击链接时，我会在页面中动态添加其他卡片，然后隐藏元素以防止用户双击

$$('#idLinkToHide').hide();      

我不能做的是，当我的卡中没有可点击的链接时，显示一条消息。当所有链接都隐藏时。 我试着这样做

这是我的html：

<div class="accordion-item">
   <a href="#" class="item-link item-content">
      <div class="item-inner">
        <div class="item-title">Menu Select</div>
      </div>
   </a>
   <div class="accordion-item-content">
      <div class="list">
          <ul>
            <li><!-- this is the div where I'd like to show the message--> 
                <div id="messageAccordion"></div>
            </li>
            <li>
              <a  href="javascript:addCard1();" class="link" id="linkAd1">
                <div class="item-media"><i class="f7-icons">add_round_fill </i></div>
                <div class="item-inner">
                    <div class="item-title">Add Canel 1</div>
                  </div>
                </a>
            </li>

            <li>
              <a href="javascript:addCard2();" class="link" id="linkAd2">
                <div class="item-media"><i class="f7-icons">add_round_fill</i></div>
                <div class="item-inner">
                    <div class="item-title">Add Card 2</div>
                  </div>
              </a>
            </li>

            <li>
              <a href="javascript:addCard3();" class="link button-round" id="linkAllevamenti">
                <div class="item-media"><i class="f7-icons">add_round_fill </i></div>
                <div class="item-inner">
                    <div class="item-title">add Card 3</div>
                  </div>
              </a>
            </li>

           <!-- other <li><li> element -->
          </ul>
      </div>
   </div><!--accordion-content-->
</div><!--accordion-->

---

提前感谢您的帮助

仅提出几点建议：

1您拼错了。innerHTML:p

2为什么不是目标文档。querySelectorAll'.link'

我的理由是，您试图通过以下类访问元素 -手风琴项目内容、列表、li、a

b您可以尝试document.querySelectorAll.accordion item content>.list>li>a'来匹配位于.list类元素下的列表下面的所有锚定标记，然后这些列表又位于.accordion item content元素下

如果可以将元素作为非空实体检索， 这可能就是你要找的

---

如果使用jQuery，可以执行以下操作：

if( $(item).is(':visible') ){
   /* do something ... */
}

请参见下面的演示：

const list=document.querySelector.list； const linkCount=document.queryselectoral.link.length； list.addEventListenerclick，functionevent{ //停止默认的单击操作，例如导航到新URL 违约事件； //检查以确保单击了正确的项目 常量元素=event.target.closestli； if！element | | element.id==messageAccordion返回； //隐藏列表项并执行所需的任何添加逻辑操作 element.classList.addhide； 附加元素； 函数加法{ //将要添加的代码放在此处 警报添加元素 } //检查是否已单击所有链接 const hiddenCount=document.queryselectoral.hide.length； const message=document.queryselect或messageaccordion； 如果linkCount==hiddenCount&&！message.textContent{ message.textContent=您已经添加了所有可用卡； } } .隐藏{ 显示：无； } 元素->

---

谢谢您的建议：但如果我使用“.accordio”项目内容。链接“问题仍然不是问题！”你试过只使用“.link”吗？JQuery也是一个救命稻草！它很有效，非常感谢您的演示和良好的解释！：D

if( $(item).is(':visible') ){
   /* do something ... */
}