JavaScript获取标签属性
先介绍两个常用方法:
attr() 方法设置或返回被选元素的属性和值。
- 当该方法用于返回属性值,则返回第一个匹配元素的值。
- 当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。
prop() 方法设置或返回被选元素的属性和值。
- 当该方法用于返回属性值时,则返回第一个匹配元素的值。
- 当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。
应用
标签如下:
<input type="text" name="mohu" value="mohu">
<input type="text" name="zd" placeholder="1" >
js获取:
var v1 = $("[name='mohu']").attr("type");
var v2 = $("[name='zd']").attr("placeholder");
console.log(v1) //text
console.log(v2) //1
让复选框全选,设置属性:
$("[name='mohu'],[name='zd']").prop("checked",true)
js设置元素样式:
$("body").attr("style","background:url('https://s1.ax1x.com/2020/10/29/BGAVeA.jpg');width:100%;height:128px;");
$("img").attr("width","180");