你的位置:首页 > 软件开发 > Java > Javascript进阶篇——(DOM—认识DOM、ByName、ByTagName)—笔记整理

Javascript进阶篇——(DOM—认识DOM、ByName、ByTagName)—笔记整理

发布时间:2016-03-11 15:00:14
认识DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。将HTML代码分解为DOM节点层次图:HTML文档可以说由节点构成的集合,DOM节点有:  1. 元 ...

Javascript进阶篇——(DOM—认识DOM、ByName、ByTagName)—笔记整理

认识DOM

Javascript进阶篇——(DOM—认识DOM、ByName、ByTagName)—笔记整理HTML文档可以说由节点构成的集合,DOM节点有:前两个是document方法。

例:通过getElementById获取id为con的h2标签。修改h2标签的样式,将颜色设为红色。修改h2标签的样式,将背景颜色设为灰色(#CCC)。通过style.display实现隐藏。

 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>style样式</title> 6 </head> 7 <body> 8   <h2 id="con">I love JavaScript</H2> 9   <p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>10   <script type="text/javascript">11     var tite = document.getElementById("con");12     tite.style.color = "red";13     tite.style.backgroundColor = "#ccc";14     tite.style.display = "none";15   </script>16 </body>17 </html>

原标题:Javascript进阶篇——(DOM—认识DOM、ByName、ByTagName)—笔记整理

关键词:JavaScript

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