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

如何用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 = "...

推荐阅读

join
Python基础：使用NLTK和Python构建机器学习应用

本文节选自《NLTK基础教程——用NLTK和Python库构建机器学习应用》一书的第1章第1.2节，作者Nitin Hardeniya。本文将带领读者快速了解Python的基础知识，为后续的机器学习应用打下坚实的基础。 ... [详细]

蜡笔小新 2024-11-13 21:23:34
default
SoundPool

如果应用程序经常播放密集、急促而又短暂的音效（如游戏音效）那么使用MediaPlayer显得有些不太适合了。因为MediaPlayer存在如下缺点：1)延时时间较长，且资源占用率高 ... [详细]

蜡笔小新 2024-11-13 16:47:19
js
Python 数据可视化实战指南

本文详细介绍如何使用 Python 进行数据可视化，涵盖从环境搭建到具体实例的全过程。 ... [详细]

蜡笔小新 2024-11-13 06:03:30
select
使用jqTransform插件美化表单

jqTransform 是由 DFC Engineering 开发的一款 jQuery 插件，专用于美化表单元素，操作简便，能够美化包括输入框、单选按钮、多行文本域、下拉选择框和复选框在内的所有表单元素。 ... [详细]

蜡笔小新 2024-11-12 22:29:28
char
网站访问全流程解析

本文详细介绍了从用户在浏览器中输入一个域名（如www.yy.com）到页面完全展示的整个过程，包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]

蜡笔小新 2024-11-12 18:13:16
join
Spring详解（六）AOP

原文网址：https:www.cnblogs.comysoceanp7476379.html目录1、AOP什么？2、需求3、解决办法1:使用静态代理4 ... [详细]

蜡笔小新 2024-11-12 14:40:40
datetime
解决Bootstrap DataTable Ajax请求重复问题

在最近的一个项目中，我们使用了JQuery DataTable进行数据展示，虽然使用起来非常方便，但在测试过程中发现了一个问题：当查询条件改变时，有时查询结果的数据不正确。通过FireBug调试发现，点击搜索按钮时，会发送两次Ajax请求，一次是原条件的请求，一次是新条件的请求。 ... [详细]

蜡笔小新 2024-11-12 13:59:27
js
第二十五天接口、多态

1.java是面向对象的语言。设计模式：接口接口类是从java里衍生出来的，不是python原生支持的主要用于继承里多继承抽象类是python原生支持的主要用于继承里的单继承但是接 ... [详细]

蜡笔小新 2024-11-12 06:43:20
js
PHP的前端用什么工具(2023年最新解答)

导读：今天编程笔记来给各位分享关于PHP的前端用什么工具的相关内容，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！本文目录一览： ... [详细]

蜡笔小新 2024-10-13 18:01:35
js
PHP脚本未接收到来自jQuery的POST请求

首先,我有点像jQuerynoob和整个PHPnoob,所以如果这是一个愚蠢的问题,我感到很抱歉(尽管我已经搜索了Internet,尤其是这个网站的上下无法弄清我的意思.错了).另 ... [详细]

蜡笔小新 2023-10-14 21:14:41
js
使用Firebug Lite（1.2）你会在生产网站中使用它吗？ - Using Firebug Lite (1.2) would you use it in production sites?

ItriedtouseFirebugLite(viathebookmarkletandalsoaddingittooneofmywebsites).我尝试使用Fi ... [详细]

蜡笔小新 2023-10-12 14:37:04
default
Webpack 初探：Import 和 Require 的使用

本文介绍了 Webpack 中 Import 和 Require 的基本概念和使用方法，帮助读者更好地理解和应用模块化开发。 ... [详细]

蜡笔小新 2024-11-13 16:34:13
default
JUC（三）：深入解析AQS

本文详细介绍了Java并发工具包中的核心类AQS（AbstractQueuedSynchronizer），包括其基本概念、数据结构、源码分析及核心方法的实现。 ... [详细]

蜡笔小新 2024-11-13 15:40:34
request
软件自动化测试的学习路线

软件自动化测试的学习步骤软件测试交流群关注软件测试技术公众号获取阅读目录软件自动化测试的学习步骤自动化测试的本质自动化测试学习的误区自动化测试的职位自动化测试分类Web自动化 ... [详细]

蜡笔小新 2024-09-30 01:54:19
request
JavaScript对象的打印内容?(复制) - Print content of JavaScript object? [duplicate]

Thisquestionalreadyhasananswerhere:这个问题已经有了答案:HowcanIdisplayaJavaScriptobje ... [详细]

蜡笔小新 2024-09-26 16:36:17