你的位置:首页 > 软件开发 > Java > JavaScript学习笔记——DOM基础 2.6

JavaScript学习笔记——DOM基础 2.6

发布时间:2015-08-19 10:00:06
一、CSS-DOM1、清楚一个概念HTML负责的是结构,CSS负责的是样式,JavaScript负责的是动作(行为)。2、style属性语法:element.style返回:objectstyle相对于element是一个属性,而style本身是一个对象,它包含了诸多元素的样式。 ...

一、CSS-DOM

1、清楚一个概念

HTML负责的是结构,CSS负责的是样式,JavaScript负责的是动作(行为)。

2、style属性

语法:element.style

返回:object

style相对于element是一个属性,而style本身是一个对象,它包含了诸多元素的样式。

关于这一点,可以根据后面的例子去理解。

3、获取样式

例子:element.style.fontFamily

返回:style对应属性的值,如fontFamily,返回“Microsoft yahei”

注意:style.后面的"驼峰式"命名规则

<!doctype html><html><head><meta charset="utf-8"><title>筱雨生 - 博客园</title><script>window.onload = function(){  var myPara = document.getElementById('myPara');  var myFontSize = myPara.style.fontSize;  var myFontColor = myPara.style.color;  alert(myFontSize);  alert(myFontColor);}</script></head><body><h1>筱雨生</h1><p id="myPara" style="font-size:1em; color:rgba(162,47,49,1.00);">時光飛逝,莫讓網絡蹉跎了歲月</p><div id="myBlog"> <ul>  <li title="JavaScript">JavaScript</li>  <li title="HTML">HTML</li>  <li title="CSS">CSS</li>  <li title="我的随笔">我的随笔</li>  <li></li> </ul></div></body></html>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:JavaScript学习笔记——DOM基础 2.6

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。