JavaScript入门学习5 DOM操作2
来源:互联网 发布:淘宝如何设计水印图 编辑:程序博客网 时间:2024/05/29 18:32
1. 通过ID获取元素 :标签的id属性值是唯一的
document.getElementById(“id”)
2.innerHTML 属性: innerHTML 属性用于获取或替换 HTML 元素的内容。
Object.innerHTML
document.write("原标题:"+mychar.innerHTML+"<br>");
1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
2.注意书写,innerHTML区分大小写。
3.改变 HTML 样式 : HTML DOM 允许 JavaScript 改变 HTML 元素的样式
Object.style.property=new style;
eg:mychar.style.backgroundColor ="blue";
mychar.style.backgroundColor ="blue";
注意:该表只是一小部分CSS样式属性,其它样式也可以通过该方法设置和修改
4.显示和隐藏(display属性): 网页中经常会看到显示和隐藏的效果,可通过display属性来设置。
Object.style.display = value
5.控制类名(className 属性): className 属性设置或返回元素的class 属性。
object.className = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
0 0
- JavaScript入门学习5 DOM操作2
- JavaScript入门学习5 DOM操作1
- JavaScript入门篇--DOM操作
- javaScript操作DOM学习笔记
- javascript学习之DOM操作
- JavaScript学习-DOM操作技术
- 【JavaScript学习】DOM操作技术
- JavaScript入门(七) - DOM操作
- [DOM]javascript DOM操作
- 学习笔记——JavaScript操作DOM
- JavaScript DOM学习(4) 操作文本结点
- JavaScript学习(一)---DOM操作
- JavaScript学习笔记二十四:操作DOM
- JavaScript学习-操作样式的DOM API
- JavaScript学习之操作DOM事件
- JavaScript DOM学习笔记3——DOM属性操作
- JavaScript Dom 编程艺术学习笔记之DOM操作
- JavaScript DOM操作之表格操作(2)
- 在PHP调用JS中的方法,以此来解决浏览器兼容问题
- btrace使用
- 使用spring创建一个RESTful Web Service
- Hibernate+Junit-史上最详细图解教程-从环境配置到入门
- c# 3.0 get set 默认值
- JavaScript入门学习5 DOM操作2
- 关于JS的Ajax方法导致跨域问题的解决办法
- 网站运行状态检测工具
- Tomcat服务器配置,二级域名,域名访问
- 关于volley框架源码解析
- php小笔记 函数传值细节分析
- java中list,set,map的区别(笔记记录)
- IOS 发布 Itunes 上的操作流程
- 【整理】编程小常识