DOM操作
来源:互联网 发布:淘宝代购假货店铺名单 编辑:程序博客网 时间:2024/05/29 08:39
认识DOM:
普通html代码:
分解为DOM节点层次图:
节点可能分常见三种: 1元素节点(html body head p 及标签 ) 2 文本节点 (li与li之间的文字 用户展示内容)3属性节点(a标签中的href)
例:
获取元素
1、 标签ID值是唯一的 可利用 document.getElementById("id")
var mye = document.getElementById("con");
mye 结果为 null 或者 【objcet HTMLparagraphElement】
更改HTML属性:
Object.innerHTML
object 是获取元素的对象 通过 document.getElementById("id"); innerHTML区分大小写
例:
var mychar=document.getElementById("con");
document.write(mychar.innerHTML);
mychar.innerHTML = "hello world";
document,write(mychar.innerHTML)
改变HTML样式: object.style.property = new style;
例:
var mychar = document.getElementById("pcon");
mychar.style.color = "red";
显示和隐藏(display属性)
object.style.display = value; value 值为 none(隐藏) 或 block(显示为块级元素)
例:
var mychar = document.getElementById("con");
function hidetext(){
mychar.style.display = "none";
}
function showtext(){
mychar.style.display = "block";
}
控制className属性(类名)
object.className = className;
获取元素class属性,改为网页内某元素制定的CSS样式改变外观
- [DOM]javascript DOM操作
- DOM操作
- DOM操作
- DOM操作
- dom操作
- Dom 操作
- Dom操作
- DOM操作
- DOM操作
- #DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- DOM操作
- 深入研究SSL【第二章 part-2】-SSL握手协议的研究
- Suggestion: add 'tools:replace="android:icon"' to element
- 使用splice删除数组时,需要注意的地方
- Swiper常用于移动端网站的内容触摸滑动
- SVN和Git项目管理中-tag操作步骤
- DOM操作
- C++的try_catch异常
- 通讯系统经验谈解读内核参数 - socket/文件句柄资源限制参数
- mybatis 入门实例
- log4j.propertise文件配置
- 关于数组裁剪的代码
- flume-ng和kafka集成的配置
- js读取文件报错304
- Ubuntu环境下破解staruml