DOM(通过class的值获取元素&通过元素获取元素&Element类型提供简写的用于获取标准属性的方式&元素的内容1.2)
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
node.getElementsByTagNmae;
node可以为任何节点对象
1、通过class的值获取元素
语法:
node.getElementsByClassName("class属性值");
node表示任何节点对象
注意,得到的是一个集合
2、通过选择器选取元素
语法:
node.querySelector("选择器名");
获取到第一个与选择器名匹配的元素
node.querySelectorAll("选择器名");
获取到所有匹配的元素节点
得到的是一个数组
注意,以上两种方式,node可以为任何节点对象
3、document.all
获取页面中所有元素节点的集合
document.all[0];表示页面中的第1一个元素
可以设置某元素的id属性(id = d1),通过document.all.id值调用该元素
document.head;
document.body;//获取body节点
Element类型提供简写的用于获取标准属性的方式
-id:访问元素的id属性(存/取)
语法:元素节点名.id
-title:访问元素的title属性
-style:获取元素style属性的值,注意,只能获取style属性的值,也就是只能获取内联样式
语法:元素节点对象.style
-className:访问元素对象class属性的值
语法:元素节点对象.className;
元素的内容
1、元素的HTML内容
innerHTML属性,获取包括html标记在内的所有内容
获取元素内包括html标记在内所有内容
2、文本内容
textContent属性可以获取或设置元素节点中的文本内容,识别不了html标记
获取元素内纯文本内容,html标记会被忽略
3、nodeValue 和 textContent
元素节点的nodeValue是null或undefined;而元素节点的textContent是元素节点中的文本内容
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)