如何获取html元素id，通过angularjs

在angularjs中获取元素的id的方法：

<div id="{{ 'object-' + myScopeObjectindex }}"></div>

这样实际解析后的代码：

<div id="object-1"></div>

这样的id就可以通过document获取了。

写入就在事件加上个Responsewrite("<script>documentGetElementById('1')src='XXX';</script>");

为什么要读取？这个img本身就是静态的了

如某元素的id为 oId

html方法获取:

var html = $("#oId")html(); //该方法获取内容包含元素内的标签

text方法获取:

var text= $("#oId")text(); /该方法获取内容不包含元素内的标签

如:

<script>

$(function(){

alert($("#oDiv")html());

alert($("#oDiv")text());

});

</script>

<div id="oDiv">name:<span>ligoudan</span></div>

依次 提示

name:<span>ligoudan</span> //html()获取

name:ligoudan //text()获取

1、新建一个html文件，命名为testhtml。

2、在testhtml文件内，创建一个div模块，并设置其id属性为mydiv，用于下面使用js获得标签对象。

3、在testhtml文件内，在div标签内，填写一段文字，并加入一个span标签。

4、在testhtml文件内，创建一个button按钮，按钮名称为“获取html”。

5、给button绑定onclick点击事件，当按钮被点击时，执行myfun()函数。

6、在testhtml文件内，在js标签内，创建myfun（）函数，在函数内，使用getElementById（）方法获得div对象，通过innerHMTL属性获得div内的html内容，最后，使用alert方法将获得的html内容以d窗形式显示

7、在浏览器打开testhtml文件，点击按钮，查看获得的html标签内容。

在一个html页面生成的时候，js就已经把dom树创建好了

只要这棵树上有的数据，我们都可以通过js来获取使用

那么这个问题就变成js如何去查询dom树的节点了

js内置了以下几个查询节点的方法

1

2

3

documentgetElementById("id") //通过id来获取一个dom元素

documentgetElementsByName("name") //通过name属性来获取一个集合

documentgetElementsByTagName("tag") //通过标签来获取一个集合

如果要查找的元素本身有id，通过第一个方法可以直接获取，当我们得到了这个dom节点的时候就可以输出他的一系列数据了

举个栗子

1

2

3

4

5

6

7

8

9

10

11

12

var dom = documentgetElementById("id");

//如果是

alert(domsrc);

//如果该dom有class

alert(domclassName);

//如果该dom有value

alert(domvalue);

//如果该dom有文本

alert(dominnerHTML);

//输出dom的style

alert(domstylewidth);

//等等

当dom没有id的时候，我们就要依靠一些条件去找到我们想要的dom了

1

2

3

4

5

6

7

8

//寻找所有class为bold的div

var c = documentgetElementsByTagName("div"), len = clength, r = [];

for(var i=0;i<len;i++){

if(c[i]className == 'bold'){

rpush(c[i]);

}

}

//当得到了这些dom节点后，就可以用上面提到的方法继续访问每个dom的数据啦

以上就是关于如何获取html元素id，通过angularjs全部的内容，包括:如何获取html元素id，通过angularjs、asp.net中获取html元素属性的方法、如何获取html styleid 的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！