javascript 如何修改html元素id

如题所述

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<style type="text/css">
#aa{ background:red;}
#bb{ background:green;}
</style>
</head>

<body>
<div id="aa">aa
</div>
<script type="text/javascript" language="javascript">
 var obj = document.getElementById("aa");//获取原来的id = aa的div 
 obj.setAttribute("id","bb"); /*把他的id改为bb ,bb给了一个绿背景,如果用浏览器浏览是绿色背景证明成功了*/
</script>
</body>
</html>

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-10-25
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<script>
function ca(){
var a = document.getElementById("a");
a.id ="b";
}
</script>
<body>
<p id="a">我的id是a</p>
<button type="button" onclick="ca()">按钮</button>
</body>
</html>

 补充:火狐下的“审查元素”能看到id从'a'变成'b',只能使用一次,因为点了按钮后,id就是b了,里面没有id='a'了。除非刷新

第2个回答  推荐于2018-02-12
$('你的元素').arrt(‘id’,你要的新id);本回答被网友采纳
第3个回答  2013-10-25
var obj_id=document.getElementById("你要获取元素的id");
第4个回答  2018-03-09
$("#原ID").attr("id","新ID");

javascript怎么改变html内容?
JavaScript通过修改HTML元素属性或内容改变HTML内容。常见方法包括:使用`innerHTML`属性修改HTML内容。例如,修改ID为"my-element"元素内容为“Hello, World!”。使用`textContent`属性修改文本内容。示例:修改ID为"my-element"元素文本内容为“Hello, World!”。使用`setAttribute`方法修改元素属性。示例:修...

JavaScript 动态添加 HTML 元素的方法
JavaScript 动态添加 HTML 元素的方法包括使用 createElement 和 appendChild 方法。例如,以下代码,点击按钮可以在 body 元素中动态添加一个 p 元素,并为它设置 id 和文本内容:HTML 代码如下:点击添加元素 这是一个动态添加的元素 这段代码中,我们首先创建了一个新的 p 元素,使用 createElement 方法...

javascript获取html页面中ID
分析你的需求,应该是在#west这个div下面,动态显示导航内容吧!使用了easyui,也就是有jquery了,可以通过jquery来获取#west ("#west") 就是你的west这个div了如果想加载内容到#wnav这个div,就通过$("#wnav")来得到,然后通过 $("#wnav").append("你动态加载的内容"); 将内容加载进去....

javascript中如何获取元素的ID
通常元素的ID获取使用getElementById()方法,实例如下:元素值设定为input:<input name="input_name" id="input_id" class="password"><\/input> 在JS中获取ID值也就是“input_id”这个值:<script type="text\/javascript" language="javascript"> var item = document.getElementById("input_id"...

怎么用JAVASCRIPT脚本修改网页的内容
先打开一个网页,然后在地址栏中输入以下代码,然后回车就行了。javascript:documenntentEditable= 'true ';document.designMode= 'on ';void(0);

关于javascript改变div的id值的疑问。求帮助十分感谢!
2、没有getElementsById方法,document.getElementById没有s的。3、JS能改变的,仅是当前展示的内容,刷新以后,页面已经重载了,所以会变回css1 JS 改成这样,应该能实现你要的功能:function s(o) { if (sheight < 900) o.id= "css2";} <div onclick="s(this)" id="css1" class="...

JavaScript 怎么修改HTML a标签的value属性值?
代码:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document<\/title> <script type="text\/javascript"> window.onload=function(){ var Adiv=document.getElementById('adiv');Adiv.innerHTML="我是被修改过的a标签"} <\/script> <\/head> <body> <a href="#" id="...

如何使用HTML元素的id和class?
1.id属性用于为HTML元素提供唯一标识符。每个文档中的元素id必须唯一,以便在CSS中通过特定id选择器精确定位该元素,进行样式设置或操作。例如,<h1 id="header">这是一个标题<\/h1>,可以通过选择器#header直接获取并设置该标题的样式,如字体大小为24像素。2.class属性允许为HTML元素分配一个或多个类...

用Javascript动态创建一个div元素,将id设置为"mydiv"
var aa=document.createElement("DIV");aa.setAttribute("id","mydiv");aa.style.color="#00ff00";aa.style.fontSize="14px";aa.style.fontWeight="bold";document.body.appendChild(aa);

用JavaScript改变标签名!
使用js的innerHTML将这input的代码直接替换成select就可以,方法是先给input加一个父元素,然后点击后找到这个父元素把它的内容设置成Select就把input替换了,实现代码: <script type="text\/javascript" language="javascript"> function Change2Select(){ var ipt = document.getElementById('ipt');var...

相似回答