javascript操作a标签属性

最新推荐文章于 2021-10-05 19:29:24 发布
最新推荐文章于 2021-10-05 19:29:24 发布
阅读量498 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/ctou45/archive/2011/05/16/2047759.html
版权

注意是style.textDecoration

而不是style.text-decoration

浏览器不识别js中的text-decoration

说明：

该代码尽在chrome,firefox环境下，测试运行正常;

在IE6.0环境下下，测试无效果;

在IE7+ 环境下，未测试；

附上代码：

<script type="text/javascript">
 <!--
 //alert("132")
 -->
 
function changeColor(num){
    document.getElementById("rowcolumn_"+num).style.color="red";
    document.getElementById("rowcolumn_"+num).style.textDecoration="underline";

}
function changeColorTwo(num){
    document.getElementById("rowcolumn_"+num).style.color="black";bulldog
    document.getElementById("rowcolumn_"+num).style.textDecoration="none";
}
</script>
</head>
<body>
<a href="#" style="text-decoration:none; color:#000000;" id="rowcolumn_1" οnmοuseοver="changeColor('1');" οnmοuseοut="changeColorTwo('1');" >11111</a> <br/>

<a href="#" style="text-decoration:none; color:#000000;" id="rowcolumn_2" οnmοusemοve="changeColor('2');"  οnmοuseοut="changeColorTwo('2');">22222222</a> <br/>

<a href="#" style="text-decoration:none; color:#000000;" id="rowcolumn_3" οnmοusemοve="changeColor('3');"  οnmοuseοut="changeColorTwo('3');">33333333</a> <br/>

</body>
</html>

注意是style.textDecoration

而不是style.text-decoration

浏览器不识别js中的text-decoration

说明：

该代码尽在chrome,firefox环境下，测试运行正常;

在IE6.0环境下下，测试无效果;

在IE7+ 环境下，未测试；

转载于:https://www.cnblogs.com/ctou45/archive/2011/05/16/2047759.html

weixin_30500473
关注
javascript和jquery修改a标签的href属性
10-26
在网页开发中，链接元素（a标签）是页面交互的重要组成部分，它允许用户点击后跳转到指定的URL。在某些场景下，我们可能需要动态地改变这些链接的URL，以便根据用户的操作或程序逻辑更新页面的行为。JavaScript 和 ...
javascript处理a标签超链接默认事件的方法
10-24
除了使用`event.preventDefault()`，我们还可以在`<a>`标签的`onclick`属性中直接写入JavaScript代码，如以下所示： ```html <a href="a.html" onclick="return proc();">link</a> ``` 这里的`proc`是一个...
JS中a标签的用法
qq_47119643的博客
10-05 8051
<a>标签可定义锚。一个锚有两种用法： 通过使用 href 属性，创建一个到另外一个文档的链接 通过使用 name 或 id 属性，创建一个文档内部的书签 如果是在 HTML 5 中，它定义为：超链接，用于从一个页面连接到另一个页面。此时，name 属性将由 id 代替。 它的属性在 W3school 中有详细说明。 一.链接： 通常格式： <ahref="url">text</a> 1.<a> 标签中调用 JS 方法（点击事件） 有以下几...
js 改a的属性
天堂&地狱
08-10 247
完整的代码: function externalLinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i&lt;anchors.length; i++) { var anchor =...
js中设置元素a的一些属性
lijiaren_092008的专栏
04-24 1367
在js中设置元素a的一些常见属性。 如分页按钮组合中的：上一页、下一页、首页、末页 如判断为首页，那么上一页和首页按钮应该是不可点击的，设置如下。 function firstPageEnablePageBtn(isEnable) { var firstPage = document.getElementById("firstPage"); var prePage = docume...
a标签常用属性——你是否都用过？
cai niaoyihao_的博客
05-07 1万+
a标签常用属性：target，href，download。
a标签javascript_【JavaScript 教程】浏览器—浏览器环境概述
weixin_42502122的博客
01-20 260
作者| 阮一峰浏览器环境概述JavaScript 是浏览器的内置脚本语言。也就是说，浏览器内置了 JavaScript 引擎，并且提供各种接口，让 JavaScript 脚本可以控制浏览器的各种功能。一旦网页内嵌了 JavaScript 脚本，浏览器加载网页，就会去执行脚本，从而达到操作浏览器的目的，实现网页的各种动态效果。本章开始介绍浏览器提供的各种 JavaScript 接口。首先，...
Javascript中使用A标签获取当前目录的绝对路径方法
10-24
我们可以创建一个A标签元素，并给其href属性赋予相对路径，然后通过该属性获取绝对路径。 在JavaScript中使用A标签获取当前目录绝对路径的示例代码如下： ```javascript var a = document.createElement('a'); a....
a标签的name属性和id属性实现页内跳转的方法
09-28
本文将详细讲解如何利用a标签的name属性和id属性来实现页内跳转，以及这两个属性的区别和使用场景。 首先，a标签的基本结构如下： ```html <a href="目标URL">链接文本</a> ``` 这里的`href`属性定义了链接的目标...
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
10-18
>/`：这部分正则匹配`<a>`标签的开始和结束标签，包括任何属性。`表示开始标签，`表示结束标签，`a`是标签名，`.*?`是非贪婪匹配任意字符（除了换行符），`>`表示标签结束。`/?`允许`a`标签的`/`可选，即匹配`<a>`和...
a标签Js的几种调用方法
jattxgt的博客
05-05 9892
Js的几种调用方法（参考总结的） 众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法<a href="javascript:;"></a>，所以就来整理下a标签中href的几种用法。 1、a href="javascript:js_method();" 这是常用的方法...
在a标签内添加hover样式的方法：
banxiangbiao2910的博客
01-09 3855
<ahref="javascript:void(0);"onmouseover="this.style.color='yellow';"onmouseout="this.style.color='blue';"onclick="this.style.color='red';">链接</a> onmouseout代表a:link onclick代...
JS 修改a标签中的链接及文字
夏沐的博客
01-12 3万+
DOM:Document Object Model ---&gt;文档对象模型----操作页面的元素 html文件看成是一个文档,那么这个文档看成是一个对象,文档中的所有的标签都可以看成是一个对象 页面中的每个标签,都是一个元素(element),每个元素都可以看成是一个对象，每一个标签的属性都可以看做对象的属性 HTML代码部分如下： &lt;input type="button"...
js操作A标签
ai932820942的博客
07-02 3202
html <a href="" id="exportReceipt-label"> js var link = document.getElementById('exportReceipt-label'); $('#exportReceipt-label').attr("href",url); link.click();
JS自动触发A标签
hupitao的专栏
05-23 2万+
js自动触发a标签请求
js修改标签属性值
Benu的博客
12-02 2万+
获取和设置属性 getAttribute object.getAttribute(attribute) 注：getAttribute方法不属于document对象，它只能通过元素节点对象调用。 setAttribute object.setAttribute(attribute,value) 例子： var shopping = document.getElementById
a 标签中调用js的几种方法
热门推荐
余书懿
04-09 14万+
我们常用的在a标签中有点击事件： 1. a href="javascript:js_method();" 这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行java
a标签中的javascript:;是什么
weixin_33909059的博客
04-26 441
a标签中的javascript:;是什么 一、问题 &lt;a&gt;标签中href="javascript:;"表示什么意思？？   &lt;a id="jsPswEdit" class="set-item" href="javascript:;"&gt;修改密码&lt;/a&gt; 有一种说法是：href="javascript:;"会去解析&amp
js模拟点击a标签，触发href
巴达的博客~
10-25 6万+
js中的$(...).click()事件只能触发绑定的onClick方法，不能跳转到href。 常规情况下如果想下如果想在js里跳转href的链接，会先用attr获取到href属性的值，然后window.location.href跳转，但是现在想利用a标签的download属性实现下载功能，如果先获取href属性再跳转很多浏览器（例如Chrome）会直接打开mp3之类的文件，无法实现下载。
a标签javascript
最新发布
05-07
JavaScript可以通过操作a标签来实现很多功能，例如在用户点击链接时执行一段脚本、动态修改链接的href属性等。 常见的使用方法有： 1. 阻止默认行为：可以通过添加onclick事件来阻止a标签的默认行为，例如：event....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值