在angularjs中获取元素的id的方法：
<div id="{{ 'object-' + myScopeObjectindex }}"></div>
这样实际解析后的代码：
<div id="object-1"></div>
这样的id就可以通过document获取了。
你的id命名有问题，不能全是数字或者数字开头
如果你只是想用li存数据的话，你自己定义一个属性比如mydata
然后你可以通过getAttribute('mydata')来读取这个属性的值
1、var a = documentgetElementById("test")getElementsByTagName("div");
代码的test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。
2、var b =documentgetElementById("test")childNodes;
使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。
扩展资料：
js获取父节点的方式：
1、parentNode获取父节点
获取的是当前元素的直接父元素。parentNode是w3c的标准。
var p = documentgetElementById("test")parentNode
2、parentElement获取父节点
parentElement和parentNode一样，只是parentElement是ie的标准。
var p1 = documentgetElementById("test")parentElement;
3、offsetParent获取所有父节点
一看offset我们就知道是偏移量 其实这个是于位置有关的上下级 ，直接能够获取到所有父亲节点， 这个对应的值是body下的所有节点信息。
var p2 = documentgetElementById("test")offsetParent;
//通过documentgetElementsByTagName获取input元素。inputs=documentgetElementsByTagName("input")[0];//通过元素的属性获取值var names=inputsname, ids=inputsid;
//传入要查找的数据集，目标id，返回目标ID对应的数据集合
//jsonData:数据集
//destID:目标ID
//json:目标ID结果集
function GetSubJson(jsonData, destID, json) {
for (var i = 0; i < jsonDatalength; i++) {
if (jsonData[i]id == destID)
jsonpush(jsonData[i]);
else {
if (jsonData[i]hasOwnProperty("children")) {
GetSubJson(jsonData[i]children, destID, json);
}
}
}
}
//例如
var json = [];
GetSubJson(a, "2016", json);
为什么可以通过id直接访问对象，是因为所有的元素ID都相当于一个保存对象的全局变量。
通过id直接访问对象还存在兼容问题。
建议用documentgetElementById标准的形式获取对象。
如果一个元素符合下面两条规则中的任一条,则window对象中必须要有与之对应的一个属性,属性值就是这个对象。
如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名
如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, iframe, img, object,其中的一个。
但是如果网页有两个相同ID的元素，就有点差异了：
<html><head>
<script type="text/javascript">
function getInput() {
var mydiv = documentgetElementById("div1");
alert(mydivlength);//mydiv是DispHTMLElement
alert(div1length);//div1是DispHTMLElementCollection
}
</script>
</head>
<body>
<div id="div1">123</div>
<div id="div1">456</div>
<input type="button" value="Test" onclick="getInput()" />
</body>
</html>
1、新建一个html文件，命名为testhtml。
2、在testhtml文件中，使用script标签加载jqueryminjs文件，成功加载该文件，才能使用jquery方法。
3、在js标签内，在页面加载完成时，获取body对象，使用append()方法向body动态添加一个div元素。
4、在testhtml文件中，使用button标签创建一个按钮，按钮名称为“获取id值”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getid（）函数。
6、在js标签内，创建getid()函数，在函数内，通过元素名称获得div对象，使用attr()方法获得动态添加div的id值，并使用alert()方法将值输出。
7、在浏览器打开testhtml文件，点击按钮，查看结果。
以上就是关于如何获取html元素id，通过angularjs全部的内容，包括:如何获取html元素id，通过angularjs、js 获取id、js如何获取某id的子标签等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）