js中如何获取一个id的值?

例如一个<li id="li1">如何才能过得这个li1这个值呢?

只要使用getAttribute("id")函数即可获取li元素的id值,下面我们一起实例操作一下吧

    首先我们在html当中创建li标签

    使用JS获取li元素对象,getElementsByTagName("li")

3.接着我们打印出这样的运行效果看一下:

4.使用JS获取li元素的ID 值即可,getAttribute("id")

5.下面我们一起来看下运行效果

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-12-04

要想获得这个li元素的id值,可以用.id,当然前提是你已经获取到这个li元素了,如下:

var li = ...//你获取到的li元素
var id = li.id;
alert(id)

如果你没有获取到li元素,而要获取li里面的id,那是不可能实现的。

第2个回答  2017-11-14
//1.通过id属性定位
       var p1 = document.getElementById('li1');
     /*
       定位的内容 -> 打印的是HTML的源代码
       * 得到的真正的内容是 -> HTML对应元素的DOM对象
     */
     console.log(p1);
     console.log(typeof p1);

第3个回答  2017-12-05
两块钱解决你的问题。
如果你是一个新手我没话说,可以通过获取 id 值为 li1 的对象,通过对象获取到你想要的值。
第4个回答  2015-07-19
js中如何获取一个id的值:
方法一、
<html>
<head>
<script language="javascript">
function print(){
var a=myform.name.value;
alert(a);
}
</script>
</head>
<body>
<form name="myform">
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
</body>
</html>
这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。

方法二、

Java代码
<html>
<head>
<script language="javascript">
function print(){
var a=document.getElementById("nn").value;
alert(a);
}
</script>
</head>
<body>
<form>
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
</body>
</html>
上面的两种方法都可以得到页面里input元素的值,一个是用表单名,一个是用元素id本回答被网友采纳
相似回答