How get tag attribute by javascript without using id or class? - Stack Overflow

admin管理员组

文章数量:1435859

I am new in javascript.I am trying this below code to get href attribute.

<a href="facebook"  onclick="cheak()">Facebook</a>

        <script type="text/javascript">
        function cheak()
        {
            var a= document.getElementsByTagName("a").getAttribute('href');
            alert(a);
        }

</script>

I know this is working by below code

document.getElementById("myid").getAttribute('href');  // if I use any id

But in tag I don't want to use any id or class. How can I get this attribute without using any id or class in a tag.

I am new in javascript.I am trying this below code to get href attribute.

<a href="facebook."  onclick="cheak()">Facebook</a>

        <script type="text/javascript">
        function cheak()
        {
            var a= document.getElementsByTagName("a").getAttribute('href');
            alert(a);
        }

</script>

I know this is working by below code

document.getElementById("myid").getAttribute('href');  // if I use any id

But in tag I don't want to use any id or class. How can I get this attribute without using any id or class in a tag.

• javascript

Share Improve this question Follow asked Aug 21, 2015 at 6:40 Satu SultanaSatu Sultana 53711 gold badge1111 silver badges2323 bronze badges 2

• Are you only trying to get the element from within the cheak function? If so, Zain's answer is the correct one. – T.J. Crowder Commented Aug 21, 2015 at 7:33
• Side note: That href is incorrect. It should be href="http://facebook." or href="https://facebook.". Just href="facebook." is a relative URL. – T.J. Crowder Commented Aug 21, 2015 at 7:36

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

Preface: Below, I've answered the question of how to find an element without using an id or class, in the general case. But if you just want the element from within your cheak function, then Zain's answer is the correct way to do that (with minimal changes to your code; arguably more correct might be modern event hookup).

---

But in tag I don't want to use any id or class. How can I get this attribute without using any id or class in a tag.

You reach for the Swiss army knife of element selection: document.querySelector. With it, you can use any CSS selector that matches the element:

var href = document.querySelector("any selector here").getAttribute("href");

querySelector returns the first match in the document. (There's also querySelectorAll, which returns a list.) They're both supported in all modern browsers, and also IE8.

Since you have the full power of CSS selectors, you can use anything about the position of the element in the document to find it.

There's too little context in your question for a specific example, but for instance if it's the first a in the document:

var href = document.querySelector("a").getAttribute("href");
alert(href);

<a href="facebook."  onclick="cheak()">Facebook</a>

Or using that onclick:

var href = document.querySelector("a[onclick='cheak()']").getAttribute("href");
alert(href);

<a href="facebook."  onclick="cheak()">Facebook</a>

If you pass in this when calling the function. it will pass the element reference to your function and you can use it to get value of href:

<a href="facebook."  onclick="cheak(this)">Facebook</a>
<!-- Note -----------------------------^^^^            -->

<script type="text/javascript">
function cheak(a) {
     alert(a.href); // Gives you the fully-resolved URL
     alert(a.getAttribute("href")); // Gives you the content of the `href` attribute (not fully-resolved)
}
</script>

the parameter data is the plete tag on which the function is called

<a href="www.facebook."  onclick="cheak(event)">Facebook</a>

     <script type="text/javascript">
    function cheak(e)
    {
       e.preventDefault(); 
      //  var a= document.getElementsByTagName("a").getAttribute('href');
        alert(e.target);
    }

</script>

本文标签： How get tag attribute by javascript without using id or classStack Overflow