• HTML里的DOM对象操作


    <script type="text/javascript">
                查找元素:
                    根据id获取元素
                    document.getElementById("id");
                    根据class获取元素
                    document.getElementsByClassName("class");
                    alert(ccc[0])
                    根据标签名获取元素
                    document.getElementsByTagName("div");
                    根据name获取元素
                    alert(ccc[0])
                    document.getElementsByName("name");
                    也是数组取值
                
                操作内容:
                    1.获取对象里的html代码与文字
                     获取的对象.innerHTML();
                        
                    2.只获取对象里的文字----兼容有问题
                     获取的对象.innerText();  IE的
                            TextContent(); 火狐的
                    3.改变对象里的html代码与文字
                    获取的对象.innerHTML="改变的内容";
                    改变对象里的全部内容
                    4.改变对象里的文字----兼容有问题
                    获取的对象.innerText="改变的内容";
                    只改变对象里的文本内容
                
                表单可进行的特殊操作:
                    1.获取对象的value值
                     获取的对象.value
                    var ccc=document.getElementById("id");
                    var p=ccc.value
                
                操作属性:
                    1.设置一个属性,添加或更改   赋值
                    获取的对象.setAttribute("属性名","属性值")
                    2.获取属性的值    取值
                    获取的对象.getAttribute("属性名");
                    3.移除一个属性
                    获取的对象.removeAttribute("属性名");
                    
                样式操作:
                    var ccc=document.getElementById("id");
                    ccc.style.color="red"
                    ccc.style.backgroundColor="red"
        </script>

  • 相关阅读:
    公用导航栏的根据url控制选中导航js
    页面切换出动晃动解决
    redis五大数据类型
    redis简介
    Linux安装redis
    各种锁的理解
    原子引用
    理解CAS
    彻底玩转单例模式
    Volatile
  • 原文地址:https://www.cnblogs.com/zhaotao11/p/9987888.html
Copyright © 2020-2023  润新知