JS中document操作元素属性

来源:互联网 发布:客户提醒软件 编辑:程序博客网 时间:2024/06/05 05:06
<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>document操作元素属性</title>        <script type="text/javascript">            //获取元素属性内容            function test(){                //获取元素对象                var aaa = document.getElementById("123");                //获取元素属性                alert(aaa.type+":"+aaa.name+":"+aaa.value);            }            //修改元素属性内容            function test2(){                //获取元素对象                var bbb = document.getElementById("123");                bbb.type = "button";                bbb.value = "李四";            }        </script>    </head>    <body>        <h3>js操作元素属性</h3><br />        <input type="button" id="" name="" value="测试获取元素属性" onclick="test()" />        <input type="button" id="" name="" value="测试修改元素属性" onclick="test2()" />        <hr />        <input type="text" id="123" name="uname" value="张三" />    </body></html>
原创粉丝点击