zoukankan      html  css  js  c++  java
  • js备战春招の四のDOM

    js查找html元素的三种方法:

    1、通过id找到html元素。

    2、通过标签名找到html元素。

    3、通过类名找到html元素。

    DOM HTML

    document.write();    直接写入html中

    document.getElementById(id).innerHTML=新的html;    修改html中的内容

    document.getElementById(id).innerHTML    获取相应id下的镶嵌内容

    document.getElementById(id).attribute(这里的attribute是属性的意思,在语法中应该写入相应的属性标签才行,而不是写入attribute)=新属性值;    改变html属性值(包含相应事件分配属性的存在)

        document.getElementById(id).onclick=function(){xxxxxx};

        onload&onunload事件

        onchange事件    <input type="text" id="fname" onchange="upperCase()">

        onmouseover&onmouseout

        onmousedown&onmouseup

        onclick

        onfocus

        onload

    DOM CSS

    document.getElementById(id).style.property(这里的意思是选取其中的一个css来写入,后面跟着相应的样式值。)=新样式

    visibility:表示元素显示或者隐示,(visible表示出现,hidden表示隐藏)

    DOM EventListener

    默认值为 false, 即冒泡传递,当值为 true 时, 事件使用捕获传递

    在添加多个时依次添加,而不是一次在addEventlistener

    在 冒泡 中,内部元素的事件会先被触发,然后再触发外部元素,即: <p> 元素的点击事件先触发,然后会触发 <div> 元素的点击事件。

    在 捕获 中,外部元素的事件会先被触发,然后才会触发内部元素的事件,即: <div> 元素的点击事件先触发 ,然后再触发 <p> 元素的点击事件。

    emoveEventListener() 方法移除由 addEventListener() 方法添加的事件句柄:其语法同addEventListener相同。第一个为事件的类型,第二个为接下来事件触发后调用的函数。

    创建新的html元素

    删除已有的html元素

     

  • 相关阅读:
    java Servlet小结
    Java 自定义客户端与服务器
    JAVA IO流总结
    java udp与tcp
    tomcat作为服务器的配置
    Linux
    Git -- 如何删除本地仓库
    ASP.NET Core 基础 Startup 类
    ASP.NET Core解说之Middleware(中间件)
    一、Redis安装 Redis学习记录
  • 原文地址:https://www.cnblogs.com/saber123/p/8591862.html
Copyright © 2011-2022 走看看