zoukankan      html  css  js  c++  java
  • dom

    <script>
    /*
    dom 操作
    核心思想:找到元素  操作元素
    js找元素 会返回元素对象:
    document.getElementById("dd"); 唯一确定
    返回的都是数组   数组元素是元素对象
    document.getElementsByName()
    document.getElementsByTagName()
    document.getElementsByClassName()
    Dom 代表我找到的元素对象
    操作元素内容
    非表单元素:Dom.innerHTML
    表单元素  :Dom.value
    操作元素属性
    Dom.getAttribute(“aaa”);//获取属性值
    Dom.setAttribute("id","dd");//设置属性值
    Dom.removeAttribute();
    Dom.id
    操作元素样式
    Dom.style.color
    操作元素事件
    1、直接在标签里面加事件属性
    2、Dom.onClick = function(e){}
    3、dom.addEventListener(事件名,方法名);
       dom.removeEventListener(方法名);
    操作元素 添加删除
    var d = document.createElement("div")  
    d.innerH
    d.styl
    d.set
    Dom.appendchild(d);
    Dom.remove();

    <div id="dd">
    <div> </div>
    </div>
    */
    function show(obj,num,str){
    obj.remove();
    }

    window.onload = function(){
    addEvent();
    }

    function addEvent(){
    var btn = document.getElementById('btn');

    // btn.onclick = function(){}
    // btn.addEventListener('click',f1);
    // btn.addEventListener('click',f2);
    // btn.removeEventListener(f2);
    }

    function f1(e){

    }
    function f2(){

    }



    </script>
    <button id="btn" onClick="show(this,123,'鸟')">
    123
    </button>
  • 相关阅读:
    uniapp--悬浮可拖动按钮-实现思路
    js获取指定日期的前一天/后一天
    适配
    使用了@Slf4j log没有info的方法 .info()方法爆红或者log爆红
    用hexo在本地搭建自己的博客
    gulp 前端构建工具使用
    springboot+idea 热部署
    配置DNS服务器转发器
    windows server2008 r2安装DNS服务器
    卸载jdk1.7
  • 原文地址:https://www.cnblogs.com/hjc1234/p/9377958.html
Copyright © 2011-2022 走看看