请问,如何用js获取div下的第一个A标签,并自动点击超链接

请问,如何用js获取div下的第一个A标签,并自动点击超链接,第1张

var firstDiv=documentgetElementsByTagName("div")[0];

var firstA=firstDivgetElementsByTagName("a")[0];

firstAonclick=function(){

}

要获得指定的a标签的值,我们首先要用JavaScript找到这个a标签。

html代码:这种获取选中标签的方式,是通过监听body来实现的,所以body上要增加这个onclick事件<body onclick="getUrl(arguments[0])">

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

首先先要确定一下你要获取的a标签的属性,比如id,class等,然后通过documentgetElementById('a标签的id')或documentGetElementByClass('a标签class')获取该节点对象

<!DOCTYPE html>

<html>

<head>

<meta >

<a href=">

可以用getAttribute()方法获取。

注:总结了一些getAttribute(),setAttribute()在不同浏览器下兼容性以及如何解决这些问题

body里面有这些内容:

<div id="idHeader" class="class-header" title="kingwell" status="1"></div>

<label id="forUserName" for="userName" title="kingwell" status="1"></label>

下面是script的测试:

var el = documentgetElementById("idHeader");

alert(elgetAttribute("id"));

alert(elid);

IE Firfox->idHeader

alert(elgetAttribute("class"));

//IE6,IE7 -> null IE8,IE9,Firefox ->class-header

alert(elclass);

//IE6,IE7,IE8->报错 IE9,Firefox->undefined

alert(elgetAttribute("className"));

//IE6,IE7->class-header ; IE8,IE9,Firefox -> undefined

alert(elclassName);

//All -> class-header

var elfor = documentgetElementById("forUserName");

alert(elforgetAttribute("for"));

//IE6,IE7->undefined IE8,9,Firefox->forUseName

alert(elforfor )

//IE6,IE7报错,其它为undefined

alert(elfortitle)

//全部输出kingwell

alert(elforstatus);

//IE6-8 -> 1 IE9,Firefox->undefined

alert(elforgetAttribute("status"))

//全部输出 1

总结:

1:常规属性建议使用 nodeXXXX。

2:自定义属性建议使用nodegetAttribute("XXXX")。

3:当获取的目标是JS里的关键字时建议使用nodegetAttribute("XXX"),如label中的for。

4:当获取的目标是保留字,如:class,请使用className代替。

以上就是关于请问,如何用js获取div下的第一个A标签,并自动点击超链接全部的内容,包括:请问,如何用js获取div下的第一个A标签,并自动点击超链接、javascript中怎样获取当前被点击的a标签的值、如何用js实现点击获取某个a标签元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10152458.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存