如何用js给元素添加ID

我想给网页中的dl标签每个添加上ID 也就是dl_0、dl_1、dl_2..这样的形式...这样循环下去。我已经获取到网页中所有的dl标签了
for(i=0;i<dlall.length;i++){
?这里应该怎么写
}
悲剧了,都不行。。。我循环有写错吗
可能是我调用的问题,等晚上回来再仔细试试·先谢谢二位了

1、在我们的电脑上打开软件,新建一个html页面。

2、在html页面创建一个id为xx,值为666的文本框,通过var v=document.getElementById('xx').value;原生js方法来获取文本框的值。

3、在script中加上alert(v);,来弹框查看原生js方法是否根据id获取元素的值了。

4、在浏览器中运行项目,可以看到页面弹框的值是id为xx的元素的值,已经成功通过原生js方法根据id获取元素。

5、jquery方法需要先添加jquery.js,然后通过var w = $('#xx').val();来获取元素的值。

6、运行项目,在浏览器中可以看到与原生js方法获得元素的值相同。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-02-27

前面几个人说的方法就可以填加上ID的,如果有错也是你获取dl标签那里出错了,仔细检查一下你的代码吧。

下面我做了个例子你可以参考下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

<html xmlns="http://www.w3.org/1999/xhtml";>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script type="text/javascript">

function qq(){

var dlall=document.getElementsByTagName('dl');

for(i=0;i<dlall.length;i++){

dlall[i].id='dl_'+i;

}

}

window.onload=qq;

</script>

</head>

<body>

<dl>

<dt></dt>

<dd></dd>

</dl>

<dl>

<dt></dt>

<dd></dd>

</dl>

<dl>

<dt></dt>

<dd></dd>

</dl>

<dl>

<dt></dt>

<dd></dd>

</dl>

</body>

</html>

本回答被提问者和网友采纳
第2个回答  2011-06-17
dlall[i].ID="dl_"+i.toString();
第3个回答  2011-06-17
dlall[i].id = "dl_"+i
或者
dlall[i].setAttribute("id", "dl_"+i)
第4个回答  2011-06-17
ID 的问题应该果断的拼接啊 你id 都能设置的话 那部乱套了么
怎么样的业务要你给标签加id 啊- -~

js或者jquery 如何给元素增加ID
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。2、在index.html中的标签,输入js代码:$('li a').each(function (i, e) {$(this).attr('id', 'id1_' + i);});。3、浏览器运行index.html页面,此时发现元素被js按照需求新增了id属性。

怎么用js给div内嵌套的多个span添加id?
首先定位到 id= div1的那个盒子,把范围限定在其中,因为span标签在其中;获取元素方法:方法①:let div1_spans = document.querySelectorAll("div#div1 span");方法②:let div1_spans = document.querySelector("div#div1").getElementsByTagName("span");接着再声明一个变量span_len来保存spa...

如何在js中设置元素的ID 和 NAME
var ele = document.getElementById('id_name');ele.id = 'id_name';ele.setAttribute('name', 'name_value');

JS为DIV动态设置ID属性
JS为里面的每个div设置不同的ID属性的代码如下: var objs=document.getElementById("iproduct").getElementsByTagName("div");for(var i=0;i<objs.length;i++){ objs[i].id="myid" + i;} objs[i].id="myid" + i; 遍历一下,在id后面加上遍历索引,每个div的id就不一样了,而且有...

怎么用js在某个元素节点中添加元素
\/\/新建的元素节点插入id为P1节点元素的后面。 } 第二种\/\/ 自定义函数向后插入function insertAfter( newElement, targetElement){ var parent = targetElement.parentNode; if ( parent.lastChild == targetElement ) { \/\/ 如果最后的节点是目标元素,则直接添加。因为默认是最后 paren...

怎样用js选中图片带上ID
使用一个隐藏域再写个JS函数:function getpicid(id){ document.getElementById("picid").value=id}在每个图片上加上动作onclick="getpicid(不同图片的id)"图片的id可以是编号,图片地址等。在提交到的页中读取picid的值即可。 如果不用js也可以在每张图片前放单选按钮Name属性相同,value分别...

DIV里面调用JS的ID。JS如何设定ID及内容?
要规范使用document.getElementById document.getElementById('abc').innerHTML="ABC显示内容";document.getElementById('efg').innerHTML="efg显示内容";

怎么用js在ul标签下添加li标签,并要求li有id?
1、新建一个txt文档,将文档修改成“index.html”的html文件。2、将html文件用Sublime编辑器打开,完善html5标准化代码,并修改网页标题。3、在body标签内编写一段"ul、li"的标签。4、用浏览器打开index.html文件,可以发现默认“ul li”标签组前面有个实心小圆点。5、只需要在ul标签内加入(style=“...

有一排的li元素,我用js实现鼠标移动到li上,li发生某些变化,但我如果...
方法一:给这个 li 加个单独的 id 比如 ,判断到 id 为 one 时不执行 方法二:用 for 把 li 的个数循环出来,判断是第一个则不执行

我想给JS中的table标签添加一个id怎么加,代码如图
('table').attr('id','id_name');

相似回答