在Javascript

Question

我需要找到一个带有“kinder”类的div，它有一个元素“a”。我需要从a获取并警告href属性。

更新豁免例如。如果我有：

<div class="controls-wrapper">
    <div class="title" role="contentinfo">
        <header>  
            <div class="kinder" aria-hidden="true"> 
                <a tabindex="-1" href="https://google.com" target="_blank"> 
                    <img src="https://imageUrl/120x120.jpg" alt="" width="60" height="60"> 
                </a> 
            </div>

我需要提醒“http://google.com”

我尝试过以下代码：

var aUserVideo = document.getElementsByClassName('kinder')

aUserVideoHref = aUserVideo.attribute("a");
aUserVideoHref = aUserVideoHref.attribute("href");

alert(aUserVideoHref);

Answer 1

问题：

1. javascript方法 getElementsByClassName() 返回具有所有给定类名的所有子元素的类数组对象，因此您需要定位所需的对象按索引使用（示例第一次使用aUserVideo[0]）。

2. 如果您想获取某个属性，则应使用getAttribute()代替attribute。

建议的解决方案：

您可以使用querySelector .href来获取href，例如：

document.querySelector(".kinder a").href

希望这有帮助。

window.addEventListener("DOMContentLoaded", function() {
  console.log(document.querySelector(".kinder a").href);
}, false);

<div class="kinder" aria-hidden="true"> <a tabindex="-1" href="http://google.com" target="_blank"> <img src="https://imageUrl/120x120.jpg" alt="" width="60" height="60"> </a> </div>

Answer 2

您的帖子标记为jQuery。以下是jQuery的方法：

alert( $('.kinder a').prop('href') );

或者vanilla JavaScript：

alert ( document.querySelectorAll('.kinder a')[0].href );

Answer 3

您可以使用attr函数使用Jquery获取它，如下所示：

<强> Jquery的：

alert($('.kinder a').attr('href'));

问候！