只要使用getAttribute("id")函数即可获取li元素的id值，下面我们一起实例操作一下吧
首先我们在html当中创建li标签
使用JS获取li元素对象，getElementsByTagName("li")
3.接着我们打印出这样的运行效果看一下：
4.使用JS获取li元素的ID值即可，getAttribute("id")
5.下面我们一起来看下运行效果
1、在我们的电脑上打开软件，新建一个html页面。
2、在html页面创建一个id为xx，值为666的文本框，通过varv=document.getElementById('xx').value原生js方法来获取文本框的值。
3、在script中加上alert(v)，来弹框查看原生js方法是否根据id获取元素的值了。
4、在浏览器中运行项目，可以看到页面弹框的值是id为xx的元素的值，已经成功通过原生js方法根据id获取元素。
5、jquery方法需要先添加jquery.js,然后通过varw=$('#xx').val()来获取元素的值。
6、我们运行项目，在浏览器中可以看到与原生js方法获得元素的值相同。
putArr=document.getElementsByClassName() ()("input的class名称")
putArr=document.getElementById()("input的id")
putArr=document.getElementsByName("input的名称")
for(var i=0i<inputArr.lengthi++){
alert(inputArr[i].id)
}
扩展资料
Document 对象事件
1、onactivate，当对象设置为活动元素时触发。
2、onbeforeactivate，对象要被设置为当前元素前立即触发。
3、onbeforecut，当选中区从文档中删除之前在源对象触发。
4、onbeforedeactivate，在 activeElement 从当前对象变为父文档其它对象之前立即触发。
5、onbeforeeditfocus，在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。
6、onbeforepaste，在选中区从系统剪贴板粘贴到文档前在目标对象上触发。
7、onclick，在用户用鼠标左键单击对象时触发。
8、onmouseover，鼠标指针移到对象时触发
9、onmouseout，鼠标指针移出对象时触发
Document 对象方法
1、attachEvent，将指定函数绑定到事件，以便每当该事件在对象上触发时都调用该函数。
2、clear，目前尚未支持。
3、close，关闭输出流并强制将数据发送到显示。
4、createAttribute，以指定名称创建 attribute 对象。
5、createComment，以指定数据创建 comment 对象。
6、createDocumentFragment，创建一个新文档。
7、createElement，为指定标签创建一个元素的实例。
8、createEventObject，生成当使用 fireEvent 方法时用于传递事件相关信息的 event 对象。
9、createStyleSheet，为文档创建样式表。
10、createTextNode，从指定值中创建文本字符串。
11、detachEvent，从事件中取消指定函数的绑定，这样当事件触发时函数就不会收到通知了
12、write()，动态向页面写入内容
13、createElement(Tag)，创建一个html标签对象
14、getElementById(ID)，获得指定ID值的对象
15、getElementsByName(Name)，获得指定Name值的对象
示例
下面的例子使用了 document 对象检查文档标题并在消息框中显示该标题(如果非空)。
if (document.title!="") alert("标题为 " + document.title)下面的例子演示了在浏览器的状态栏上显示鼠标当前位置的事件句柄函数，所得位置相对于文档的左上角。
<HTML>
<HEAD>
<TITLE>报告鼠标移动</TITLE>
<SCRIPT LANGUAGE="JScript">
function reportMove(){
window.status = "X=" + window.event.x + " Y=" + window.event.y
}
</SCRIPT>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
参考资料：百度百科：document对象
