zoukankan      html  css  js  c++  java
  • JS中基本window.document对象操作以及常用事件!

        一.找到元素

      1.document.getELementById(“id”);根据id找,最多找一个。

      var a=document.getELementById(“id”);把找到的元素放在变量a中。

      2.getElementsByClassName()根据class找,找出来的是数组。

      3.getElementsByName()根据name找,找出来的是数组。

      4.getElementsByTagName()根据标签名找,找出来的是数组。

        二.操作内容

      1.非表单元素:例如var d=document.getElementsById(“a”); 

    1.获取文本:d.innerText  只取里面的文字!

    2.设置文本:d.innerText=hello; 这时候里面的文字就会变成hello。

    3.获取HTML代码:d.innerHTML   获取到d元素里面所套的所有标签以及文字!

    4.设置HTML代码:d.innerHTML=<b>加粗文字</b>。

        2.表单元素

        表单元素的值是value

    1.赋值:d.value=“赋值”;

    2.获取值:alert(d.value);

        三.操作属性

        这不是属性,是方法1

      1.添加属性:d.setAttribute(“属性名”,“属性的值”);

      2.获取属性:d.getAttribute(“属性名”);

      3.移除属性:d.removeAttribute(“属性名”);

        四.操作样式

        在JS中获取样式只能获取内联的!

      1.d.style.  后面跟style中的你想要操作的样式。

        五.常用的事件

    加return    或     false是阻止默认操作

    onclick:鼠标单击触发

    ondblclick:双击触发

    onmouserover:鼠标以上触发

    onmouserout:鼠标移出触发

    onmousermov:鼠标在上面移动是触发

    onchange:只要内容改变是触发

    onblur:失去焦点时触发

    onfocus:获得焦点时触发

    onkeydown:按键按下时触发

    onkeyup:按键抬起时触发

    onkeypress:事件在用户按下并放开任何字母数字键时触发。

  • 相关阅读:
    ERROR 1045 (28000): Access denied for user 'xxx'@'localhost' (using password: YES)
    --skip-grant-tables命令
    mysql之mysql_config_editor
    Mysql8报错:ERROR 1227 (42000): Access denied; you need (at least one of) the SYSTEM_USER privilege(s) for this operation
    创建仅有查询指定表权限的用户
    centos7修改分辨率
    CreateProcess简单示例
    光标在Edit控件中的位置
    设计模式:原型模式(C++)【克隆羊多莉】
    设计模式2:策略模式工厂
  • 原文地址:https://www.cnblogs.com/AnswerTheQuestion/p/6071957.html
Copyright © 2011-2022 走看看