zoukankan      html  css  js  c++  java
  • 【2017-4-3】操作属性 定时器 操作内容 操作相关元素

    一、操作属性

    1.对象.setAttribute('属性名','属性值');     -- 添加属性

      例子:把所有class为div的,字体改为30px;

          var a document.getElementsByClass('div');

          for(var i=o;i<a.length;i++){

            a[i].setAttribute('style','font-size=30px');或者用a[i].style.fontSize='30px';

          }

    2.对象.getAttribute('属性名');         -- 获取属性值,如无此属性,那么返回null

    3.对象.removeAttribute('属性名');         -- 移除属性

      例子:设置2个按钮,第一个不能点击,点击第二个,是第一个可被点击

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
    </head>
    <body>
        <input type="button" value="第一个按钮" disabled="disabled" id="but1"/>
        <input type="button" value="第二个按钮"  id="but2"/>
    </body>
    </html>
    <script type="text/javascript">
        document.getElementById('but2').onclick = function () {
            var a = document.getElementById('but1');
            a.removeAttribute('disabled');
        }
    
    </script>

    二、定时器

    1.window.setTimeout(function(){},间隔时间毫秒);

      定时触发,延迟执行,只能执行一次

    2.window.setInterval(function(){},间隔时间毫秒);

      无限循环,每次都有间隔时间,一般大于20毫秒,有返回值,可以用变量来接受这个定时器的对象

    3.window.clearInterval(要关闭的定时器对象,要关闭的对象需要接收);

    三、操作元素

    1.对象.innerHTML = '值';  

      赋值:标记会被编译执行 

      取值:标记会取出     var s = 普通元素.innerHTML; 

    2.对象.innerText = '值';

      赋值:内容直接全部输入

      取值:只取文字内容   var s = 普通元素.innerText; 

    3.注意:表单元素 ---  只能用value来取值赋值

      表单元素.value = '值';

      var a = 表单元素.value;

    四、操作相关元素

    1.找到同辈的相关元素

      a.nextSibling --- 找到a的下一个(位置)同辈元素

      a.previousSibling --- 找到a的上一个(位置)同辈元素

      注意:如果有回车空格也算,需要继续加(nextSibling或者previousSibling)

    2.父辈元素

      a.parentNode --- 找到a的上一级(包含a的元素)父辈元素 

    3.子元素

      a.childNodes --- 找出的是数组,

      a.firstChild  --- 找出的是第一个子元素

      a.lastChild --- 找出的是最后一个子元素

      a.childNodes[n] --- 找第几个,

        alert(nodes[i] instanceof Text);判断是不是文本,是返回true,不是返回flase,用if判断,如果是flase,可以去除空格 

    五、元素的创建、添加、删除

    1. var a = document.createElement('标记名'); - 动态创建元素,并赋值给a;

      a.appendChild(a); --- 像a标签中添加一个子元素

      a.removechild(对象); --- 删除一个子元素 

  • 相关阅读:
    Leetcode 1489找到最小生成树李关键边和伪关键边
    Leetcode 113 路径总和 II
    hdu 1223 还是畅通工程
    hdu 1087 Super Jumping! Jumping! Jumping!
    hdu 1008 Elevator
    hdu 1037 Keep on Truckin'
    湖工oj 1241 畅通工程
    湖工oj 1162 大武汉局域网
    hdu 2057 A + B Again
    poj 2236 Wireless Network
  • 原文地址:https://www.cnblogs.com/hanqi0216/p/6665044.html
Copyright © 2011-2022 走看看