如何用js给元素添加ID

如何用js给元素添加ID,第1张

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

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

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

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

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

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

方法如下:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

1、简单的,表格中的一行添加id属性

var item=document.getElementById("id")

2、在行本身绑定方法将自身作为参数传递

<html>

<head>

<script type = 'text/javascript'>

var curRow //全局行号

var curRowId //选中行的记录信息的ID

var curColor

function selectRow(tr){//tr行本身

curRow = tr

curRowId = tr.id

alert(tr.cells[0].innerText)

}

</script>

</head>

<body onload = "javascript:selectRow(1)">

<table border = "1 solid">

<tr onclick = "selectRow(this)">

<td>001</td>

<td>google</td>

</tr>

<tr onclick = "selectRow(this)">

<td>002</td>

<td>baidu</td>

</tr>

</table>

</body>

</html>

3、获取所有行集合,然后通过下标访问某一行

var items=document.getElementByTagName("tr")

//获取某一行(下标从0开始,到items.length-1结束)

var hang=items[0]


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11649722.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存