使用 JavaScript 按 ID 获取子元素_迹忆客

相关文章推荐

粗眉毛的风衣 · uni-app x· 7 月前 ·

斯文的烤面包 · 金石堂中文書 > 出版社 > 普天· 8 月前 ·

逃跑的生菜 · 上影节首日上海影城布置一新 ...· 10 月前 ·

腼腆的柠檬 · 附加服務預訂· 10 月前 ·

怕考试的熊猫 · 如何：复制目录 - .NET | ...· 1 年前 ·


   
    const
   
   parent =
   
    document
   
   .
   
    querySelector
   
   (
   
    '#parent'
   
   );
   
    console
   
   .
   
    log
   
   (parent);
   
    // 👉️ div#parent
   
   
    const
   
   child = parent.
   
    querySelector
   
   (
   
    '#first'
   
   );
   
    console
   
   .
   
    log
   
   (child);
   
    // div#first
   
   我们使用
   
    document.querySelector
   
   方法通过其 id 获取父元素。
   
   
   在这种情况下，我们可以使用
   
    ocument.getElementById
   
   方法来获得相同的结果，例如：
   
   
   
    
     const
    
    parent =
    
     document
    
    .
    
     getElementById
    
    (
    
     'parent'
    
    );
		请注意，当使用
    
     querySelector
    
    方法时，我们在 id 前面加上一个哈希
    
     #
    
    ，而在使用
    
     getElementById
    
    时 - 我们没有。
    
    
    下一步是在父元素上调用
    
     querySelector
    
    方法。
    
    
    当
    
     querySelector
    
    方法作用于特定元素时，它只选择调用该方法的元素的子元素。
    
    
    
     Element.querySelector
    
    方法返回与提供的选择器匹配的第一个元素。
    
    
    在示例中，我们选择了一个 id 值设置为
    
     first
    
    的子元素。
    
    
    
     
      const
     
     parent =
     
      document
     
     .
     
      querySelector
     
     (
     
      '#parent'
     
     );
     
      console
     
     .
     
      log
     
     (parent);
     
      // 👉️ div#parent
     
     
      const
     
     child = parent.
     
      querySelector
     
     (
     
      '#first'
     
     );
     
      console
     
     .
     
      log
     
     (child);
     
      // div#first
     
     当将
     
      id
     
     传递给
     
      querySelector
     
     方法时，我们选择了元素的任何子元素。
     
     
     这包括具有提供的 id 的嵌套子级。
     
     
     但是，这并不重要，因为我们页面上的 ID 应该是唯一的。
     
     
     在一个页面上有多个具有相同 id 的元素可能会导致令人困惑的行为和难以跟踪的错误。
     
     
     
      
       JavaScript 中 Unexpected end of JSON input 错误
      
     
     
      
       你理解Javascript的闭包吗？
      
     
     
      
       如何在 JavaScript 中将集合set转换为 JSON
      
     
     
      
       你需要知道的关于Javascript 中的 Let 关键词的一切
      
     
     
      
       JavaScript 中如何检查函数是否定义
      
     
     
      
       在 JavaScript 中获取字符串的最后 N 个字符