首页 > Web开发 > 详细

【JS学习笔记】操作元素属性

时间:2017-01-31 21:47:14      阅读:323      评论:0      收藏:0      [点我收藏+]

一、操作元素属性

(1)元素属性操作

第一种:oDiv.style.display=‘block‘;

第二种:oDiv.style[‘display‘]=‘block‘;

第三种:Dom方式,为以下的3种方式

DOM方式操作元素属性:

获取:getAttribute(名称),在大多数情况下是用不着的。

设置:setAttribute(名称,值)

删除:removeAttribute(名称)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>元素属性操作</title>
<script>
window.onload = function ()
{
    var oTxt=document.getElementById(‘txt1‘);
    var oBtn=document.getElementById(‘btn1‘);
    
    oBtn.onclick = function ()
    {
    //oTxt.value=‘aaaaaaa‘;
    //oTxt[‘value‘]=‘aaaaa‘;
    oTxt.setAttribute(‘value‘,‘aaaaaaa‘);
        };
    
    };
</script>
</head>

<body>
<input id="txt1" type="text" />
<input id="btn1" type="button" value="按钮" />
</body>
</html>

【JS学习笔记】操作元素属性

原文:http://www.cnblogs.com/zhy2017/p/6359145.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!