attr属性操作

最新推荐文章于 2023-08-18 17:32:13 发布

橘子味的猫お

最新推荐文章于 2023-08-18 17:32:13 发布

阅读量531

点赞数

分类专栏： javascript

原文链接：http://www.hcoder.net/h/docs299.html

版权

javascript 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

1、attr(attrName) 获取属性
参数 : 属性名称
返回 : 对应属性的值，获取失败返回 null

<div id="test"></div>
<script type="text/javascript" src="js/h.js"></script>
<script type="text/javascript" charset="utf-8">
console.log(h('#test').attr('id'));
</script>

2、attr(attrName, value) 设置属性
参数 : 属性名称, 对应的值
返回 : h.js 操作对象，可以进行连贯操作

<div id="test">
    <img src="1.jpg" />
</div>
<script type="text/javascript" src="js/h.js"></script>
<script type="text/javascript" charset="utf-8">
h('#test').find('im').attr('src', '2.png');
</script>

3、removeAttr(attrName) 删除属性
参数 : 属性名称
返回 : h.js 操作对象，可以进行连贯操作

<style>
#test{background:#900;}
</style>
<div id="test">
    hi...
</div>
<script type="text/javascript" src="js/h.js"></script>
<script type="text/javascript" charset="utf-8">
h('#test').removeAttr('id');
</script>