下面例子通过document.getElementsByClassName("class1")获取所有同一class的元素,使用for循环把取得的div元素的值存入数组arr中,完成的代码如下:
运行结果,打印数组如下:
扩展资料:
js或jQuery获取html元素的值的常用方法:
例如:<div id="aa">值</div>
js写法:
alert(document.getElementById('aa').innerHTML)
jQuery写法:
alert($('#aa').html())
说明如下:
innerHTML是取元素的内部html代码,此例中即div内部的所有html代码。
html()方法作用也是取dom节点的内部html内容,是jQuery中的函数方法。
jqLite in angularjsangular.element("#element-id")
这是一个DOM *** 作。Angular不会帮助你获得DOM的某个属性。
你需要使用的是DOM选择器,不管是原生的也好或者像jQuery这样的库也好。
获取ID的目标地是为了 *** 作DOM, Angular的设计思想不是这样的, 你应该用directive代替.
directive的link函数已经把作用域,元素,属性数组注入到link函数调用的参数当中了.
link(scope,element,attrs)
关于directive的详细解释,请参考: 创建自定义"指令"
转载,仅供参考。
1、新建一个html文件,命名为test.html。
2、在test.html文件内,创建一个div模块,并设置其id属性为mydiv,用于下面使用js获得标签对象。
3、在test.html文件内,在div标签内,填写一段文字,并加入一个span标签。
4、在test.html文件内,创建一个button按钮,按钮名称为“获取html”。
5、给button绑定onclick点击事件,当按钮被点击时,执行myfun()函数。
6、在test.html文件内,在js标签内,创建myfun()函数,在函数内,使用getElementById()方法获得div对象,通过innerHMTL属性获得div内的html内容,最后,使用alert方法将获得的html内容以d窗形式显示
7、在浏览器打开test.html文件,点击按钮,查看获得的html标签内容。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)