当前位置: 开发笔记 > 编程语言 > 正文

如何用js修改一个元素的id？

作者：PHP菜鸟 | 来源：互联网 | 2023-01-10 09:45

html代码如下：<ahrefjavascript:void(0)>就是这个a标签<a>我的javascript代码

html代码如下：
就是这个a标签

我的Javascript代码是这样写的，如下：

求各路高手指教啊

18 个解决方案

#1

对 document.getElementById("shopbus_account").value 赋值:
document.getElementById("shopbus_account").value=你要改的内容;

#2

啊.............
看错了,以为修改内容的.

#3

try:
document.all('shopbus_account').id='freightaccountdo'

#4

呵呵没事谢谢关注谢谢指教

引用 2 楼 qianjin036a 的回复:

啊.............
看错了,以为修改内容的.

#5

ff，ie7+都没有问题，你怎么知道没有修改id？？你有用调式工具看过？

  var account = document.getElementById("shopbus_account").value;

  if(account!=''){

document.getElementById("freightdo").id="freightaccountdo";

alert(document.getElementById("freightaccountdo"));//////看是否输出null，如果是null就没有修改id

  }else{

alert("no");

  }

#6

引用 5 楼 showbo 的回复:

ff，ie7+都没有问题，你怎么知道没有修改id？？你有用调式工具看过？

JScript code

var account = document.getElementById("shopbus_account").value;
if(account!=''){
document.getElementById("freightdo").id="freightaccountdo……

#7

这个，弹出来的是：Javascript:void(0) ，疑惑中。。

引用 5 楼 showbo 的回复:

ff，ie7+都没有问题，你怎么知道没有修改id？？你有用调式工具看过？

JScript code
var account = document.getElementById("shopbus_account").value;
if(account!=''){
document.getElementById("freightdo").id="freightaccountdo";……

#8

document.getElementById("freightdo").id="freightaccountdo……
这样应该是可以的。

#9

var obj=document.getElementById("freightdo");
obj.id="newid";
alert(obj.id);

#10

引用 7 楼 champ0810 的回复:

这个，弹出来的是：Javascript:void(0) ，疑惑中。。引用 5 楼 showbo 的回复:
ff，ie7+都没有问题，你怎么知道没有修改id？？你有用调式工具看过？

JScript code
var account = document.getElementById("shopbus_account").value;
if(account!=''){
docume……

那就修改成功了，输出链接对象时输出的是href属性

#11

引用 10 楼 showbo 的回复:

引用 7 楼 champ0810 的回复:

这个，弹出来的是：Javascript:void(0) ，疑惑中。。引用 5 楼 showbo 的回复:
ff，ie7+都没有问题，你怎么知道没有修改id？？你有用调式工具看过？

JScript code
var account = document.getElementById("shopbus_account").value;
……

但是右键查看源文件时，id值还是没有更改过来啊，依然是freightdo 这是为什么呢？

#12

引用 11 楼 champ0810 的回复:

但是右键查看源文件时，id值还是没有更改过来啊，依然是freightdo 这是为什么呢？

右键查看源文件。。。？

js操作过，这样看是不行滴。。。firebug跟踪吧

#13

id 是修改成功了的，只是如楼上所言，直接查看源码是看不到修改后的id的通过firebug看下那个超链接的id你就知道了

#14

删除在创建一个
...

document.getElementById("divId").removeNode(true);
document.getElementById("dd").innerHTML = "...

推荐阅读

js
java 线程死锁模拟

1，关于死锁的理解死锁，我们可以简单的理解为是两个线程同时使用同一资源，两个线程又得不到相应的资源而造成永无相互等待的情况。 2，模拟死锁背景介绍：我们创建一个朋友 ... [详细]

蜡笔小新 2023-12-13 19:12:25
select
关于cuowu类的错误提示和使用AdjustmentListener的问题

本文讨论了一个关于cuowu类的问题，作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案，并给出了两个可能导致错误的原因。 ... [详细]

蜡笔小新 2023-12-13 22:09:56
less
在类中定义数组时出错 - Error on defining arrays in class

Iamtryingtomakeaclassthatwillreadatextfileofnamesintoanarray,thenreturnthatarra ... [详细]

蜡笔小新 2023-12-14 17:38:12
python
开发笔记:加密&json&StringIO模块&BytesIO模块

篇首语：本文由编程笔记#小编为大家整理，主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识，希望对你有一定的参考价值。一、加密加密 ... [详细]

蜡笔小新 2023-12-14 15:18:35
js
OC学习笔记之@property和@synthesize

本文介绍了OC学习笔记中的@property和@synthesize，包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]

蜡笔小新 2023-12-14 12:05:06
js
Hibernate基础映射

在说Hibernate映射前，我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象，以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]

蜡笔小新 2023-12-14 10:57:47
js
Voicewo在线语音识别转换jQuery插件的特点和示例

本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件，该插件具有快速、架构、风格、扩展和兼容等特点，适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]

蜡笔小新 2023-12-13 20:01:16
less
JavaScript与DOM（上）——也适用于新手 – 深入理解JavaScript系列 23

本文是《JavaScript深度解析》系列文章第23篇(共51篇）文档对象模 ... [详细]

蜡笔小新 2023-10-11 22:37:09
go
JSCoverage> JavaScript 测试覆盖率检测工具（转）

JSCoverage-->JavaScript测试覆盖率检测工具（转）,Go语言社区,Golang程序员人脉社 ... [详细]

蜡笔小新 2023-10-10 16:48:01
go
凡客诚品官方网站的前端改进建议

打开http:www.vancl.com发现采用的Asp.net，这点我感到很欣慰，毕竟国内采用.net技术体系的优秀网站少之又少。好奇之余右键-查看源 ... [详细]

蜡笔小新 2023-10-10 16:27:40
go
高仿CSDN社区树形图 .

一直感觉CSDN社区的树形结构特别的人性化，直观化。最近做系统的时候需要用到这个树形结构，于是模仿CSDN的树形结构做了一个自己的树形结构， ... [详细]

蜡笔小新 2023-10-10 16:17:11
select
实现下拉列表，点击其他位置自动隐藏效果的三种方式比较

目录实现效果：实现环境实现方法一：基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]

蜡笔小新 2023-12-14 15:03:14
select
android listview OnItemClickListener失效原因

最近在做listview时发现OnItemClickListener失效的问题，经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效，还会导致单击后listview每个item的背景改变，使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况，并提供了解决方法。 ... [详细]

蜡笔小新 2023-12-14 14:25:50
install
Linux下Perl的安装及第一个程序运行

本文介绍了在Linux下安装Perl的步骤，并提供了一个简单的Perl程序示例。同时，还展示了运行该程序的结果。 ... [详细]

蜡笔小新 2023-12-13 18:29:11
jar
XML介绍与使用的概述及标签规则

本文介绍了XML的基本概念和用途，包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则，包括标签的尖括号和合法标识符的组成，标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读，读者可以对XML的基本知识有一个全面的了解。 ... [详细]

蜡笔小新 2023-12-13 17:39:50