zoukankan      html  css  js  c++  java
  • JS操作元素属性(转)

    10.16. document操作属性

     

    setAttribute("属性名","属性值");修改属性

    例:

    复制代码
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script>
        function dj(){
            var sx = document.getElementById("a");
            sx.setAttribute("class","bb");
        }
    </script>
    <style>
        .aa{
             100px;
            height: 100px;
            background-color: blue;
        }
        .bb{
             200px;
            height: 200px;
            background-color: red;
        }
    </style>
    </head>
    
    <body>
    <div id="a" onClick="dj()" class="aa"></div>
    </body>
    </html>
    复制代码

    是把原来div里面的样式aa变成了bb

    getAttribute("属性名");是获取标签

    removeAttribute("属性名");  是删除标签

    操作样式
    元素.style.样式 = " ";

    也就是更改元素里面的样式。

    创建元素 document.createElement(标签名);

    追加元素 元素对象.appendChild(元素对象);

    删除元素 元素对象.remove();

    复制代码
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script>
    
        function createEL(){
            var div = document.createElement("div");
            div.setAttribute("id","dd");
            div.style.width = "100px";
            div.style.height = "100px";
            div.style.backgroundColor = "red";
            div.innerHTML = "ggg";
            //追加元素
            var objDiv = document.getElementById("dd");
            objDiv.appendChild(div);
            //把自己删除
            obj.remove();
        }
    </script>
    </head>
    
    <body>
    <button onClick="createEL()">创建</button>
    </body>
    </html>
  • 相关阅读:
    Python:循环语句
    Python:list用法
    ettercap局域网DNS欺骗实现过程
    Linux关于用户信息的一些命令
    业务逻辑漏洞
    Linux安装Sqlmap等工具
    CVE-2015-1635(MS15-034 )进行DOS攻击
    HTTP.SYS远程代码执行漏洞测试(ms15-034)
    爬虫学习笔记
    MSF利用ms17-010漏洞过程记录
  • 原文地址:https://www.cnblogs.com/wangyufei123/p/7746127.html
Copyright © 2011-2022 走看看