javascript 基础(2)

最新推荐文章于 2024-07-26 11:41:15 发布

uptorun

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量495

点赞数

分类专栏： ajax 文章标签： javascript 文档 input xml string 浏览器

本文链接：https://blog.csdn.net/uptorun/article/details/2835145

版权

ajax 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

javascript中的常见事件：

    一般性事件：
          onclick            单击事件
          ondlclick          双击事件
          onmouseover   鼠标悬停
          onmouseomove 鼠标移动
          onmouseout      鼠标移走
          onmousedown   鼠标键按下
          onmouseup       鼠标键移开
         适用几乎全部的可显示元素。
   页面相关事件：
         onload   :   页面加载时触发。 <body>
         onscroll :   页面滚动时触发。 <body>
         onstop   :   按下stop按钮时触发。<body>
         onresize : 调整大小时触发。<body>
         onmove :   窗口移动时触发。<body>

   表单相关事件：
        onblur : 当前元素失去焦点时触发。 <input>
        onchange : 当前元素失去焦点，并且值发生变化时触发。<input>
        onfocus : 当前元素获得焦点时触发。<input>
        onsubmit : 表单被提交时触发 <form>

=======================================================================

DOM : 是W3C提供的一组规范，可以在独立于平台的前提下修改文档的内容和结构。
DOM 将文档的内容封装到对象及对象的属性和关系中。
通过操作DOM对象及对象的属性，达到修改文档内容及结构的目的。

可以将DOM理解为文档内容的树状表示法。
======================================================================
<body>
<div>Hello</div>
<table>
   <tbody id="tb" >
       <tr id="tr"><td>zhangsan</td><td>20</td></tr>
       <tr bgcolor="red" id="i" ><td>lisi</td><td>21</td></tr>
   </tbody>
</table>
</body>
======================================================================
用于遍历XML文档的DOM方法：
    getElementById( "" )                           XMLElement
    getElementsByTagName( "name" )      array
    hasChildNodes()                                  boolean
    getAttribute( "name" )                       返回属性。

=====================================================================
通过 "." 访问element属性。
======================================================================
document对象为DOM的内置对象，代表XML文档的根
在HTML文件中可以理解为body标签。

    document.createElement( "name" ) ;
    document.createTextNode( "text" ) ;

     element.getAttribute( Name ) ;
     element.setAttribute( "name" , value ) ;

     element.insertBefore( newNode , targetNode ) ;
     element.removeAttribute( node )
     element.removeChild( node ) ;
     element.replaceChild( newNode , oldNode ) ;
     element.hasChildnodes()
=========================================================================
用于处理XML文档的DOM属性：
     childNodes      Array
     firstChild         XMLElement
     lastChild           XMLElement
     nextSibling       XMLElement
     nodeValue         String
     parentNode      XMLElement
     previousSibling XMLElement

==========================================================================

浏览器差异。
    1) table 和 tbody
    2) 设置属性 element.setAttribute( "name" , "value" ) ; element.name = value
    3) 设置css    element.setAttribute( "style" , "color:blue" ) ;
                         element.style.cssText = "color:blue" ;
                         element.setAttribute( "class" , "xxx" ) ;
         element.setAttribute( "className" , "xxxxx" ) ;

===============================================================================

uptorun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 基础(2)

javascript中的常见事件：一般性事件： onclick 单击事件 ondlclick 双击事件 onmouseover 鼠标悬停 onmouseomove 鼠标移动 onmouseout 鼠标移走 onmouse
复制链接

扫一扫

专栏目录