属性操作
<input type=”text” class=”apple” id=”username” name=”username” value=”tom”
address=”beijing” />
dom方式操作属性值:
获取:
itnode.属性名称
itnode.getAttribute(属性名称);
修改:
itnode.属性名称= 值;
itnode.setAttribute(属性名称,值);
jquery方式操作属性(attribute):
$().attr(属性名称); //获得属性信息值
$().attr(属性名称,值); //设置(修改)属性的信息
$().removeAttr(属性名称); //删除属性
$().attr(json对象); //同时为多个属性设置信息值,json对象的键值对就是名称和值
$().attr(属性名称,fn); //通过fn函数执行的return返回值对属性进行赋值
快捷操作
class属性值操作
$().attr(‘class’,值); //修改class属性
$().attr(‘class’); //获取class属性
$().removeAttr(‘class属性’); //删除class的属性
class具体快捷操作方法:
$().addClass(class属性值); //给class属性追加信息值
$().removeClass(class属性值); //删除class属性中的某个信息值
$().toggleClass(class属性值); //开关效果,信息值有就删除,没有就添加
多个class属性值同时发生效果:
<div class=”apple pear banana”>
标签包含内容操作
<div>hello<span>world</span></div>
javascript操作:
dvnode.innerHTML; 获得div包含