zoukankan      html  css  js  c++  java
  • js-API 01 基本dom操作

    一,web api
    API是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。
    1, 任何开发语言都有自己的API
    2, API的特征输入和输出(I/O)
    3,API的使用方法(console.log())
    浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)
    二,js组成
    ecmaScript + Dom +Bom
    Dom组成部分
    Dom事件三要素:元素,事件方式,事件执行函数
    三,Dom操作
    1,id获取元素
    <script>
    var div = document.getElementById('main');
    console.log(div);
    </script>
    
    2,点击事件
    <script>
    var box = document.getElementById('box');
    box.onclick = function () {
    console.log('代码会在box被点击后执行');
    };
    </script>
    
    3,InnerText获取文本内容
    4,根据标签名获取元素
    document.getElementsByTagName("标签的名字")
    <script>
    var divs = document.getElementsByTagName('div');
    for (var i = 0; i < divs.length; i++) {
    var div = divs[i];
    console.log(div);
    }
    </script>
    
    获取元素为伪数组
    拥有length属性,(索引为非负整数)不具有数组所具有的方法
    伪数组,就是像数组一样有 length 属性,也有 0、1、2、3 等属性的对象,看起来就像数组一样,但不是数组
    5,事件中的this
    当在事件中表示当前元素的时候,可以使用this
    6,Dom中样式属性与样式操作
    表单元素(可直接操作)
    href、title、id、src、className width height等等
    其他属性(需要加上style)
    style 方式需要加px 属性不需要加px
    凡是css中这个属性是多个单词的写法,在js代码中DOM操作的时候.把-干掉,后面的单词的首字母大写即可
  • 相关阅读:
    DAY 169 创建虚拟环境05
    DAY 168 创建虚拟环境04
    DAY 167 创建虚拟环境03
    DAY 166 创建虚拟环境02
    java 内存区域
    java 内存机制
    JAVA GC
    JAVA根搜索算法
    mysql ---事务
    java lock -----锁
  • 原文地址:https://www.cnblogs.com/adylz111/p/13433625.html
Copyright © 2011-2022 走看看